• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 10. Creating HTML Styles

Chapter 10. Creating HTML Styles

When you're formatting text, it can get a little tedious applying the same formatting over and over again. Dreamweaver helps by allowing you to save sets of formatting, such as Bold +Arial +Heading 3 +Red, as a named HTML style.

HTML styles are similar to styles in Microsoft Word or Adobe PageMaker. They're a collection of text attributes that you can save and use again and again. HTML styles are also similar to cascading style sheets (CSS) (see sidebar).

HTML Styles vs. CSS

The main difference between HTML styles and cascading style sheets (CSS) is that with CSS (discussed in Chapter 11), if you change a style, all instances of that style will be changed as well. For example, if you create a style called A-Head, one of its attributes may be the color blue. In CSS, if you change its color to red, all uses of the A-Head style will turn red automatically. There is no automatic update in HTML styles.

When you change an HTML style and want your changes to be applied to prior uses of the style, you'll need to reapply the modified style to those portions of your text.

Why then, does Dreamweaver provide HTML styles instead of relying on CSS? Because CSS is not available to all browsers; because it acts differently in different browsers; and because Dreamweaver is for editing Web pages, not just style sheets. As long as people continue to use the old HTML text standards, why not make using them easier?



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint