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

6. Cascading Style Sheets > 6.2. Creating Styles

Creating Styles

You begin most CSS-related tasks in the CSS Styles panel, which is the command center for creating styles (see Figure 6-1). To open it, choose WindowCSS Styles (or press Shift-F11).

Note

If you’re used to Dreamweaver MX, you’ll find that Dreamweaver MX 2004 introduces significant changes to how you create and use styles. The CSS Styles panel (Figure 6-1) now only displays CSS styles; you can no longer use it to apply styles. In addition, it now lists all styles, not just class (or what Dreamweaver used to call custom) styles.

The CSS Styles panel lists the names of all styles available to the page, including external and internal style sheets. In this example, one external style sheet—global.css—contains five styles. The top three are tag styles (notice that the names match various HTML tags), while the bottom two are class styles (note the period at the beginning). There’s also one tag style defined in an internal style sheet—the one listed below “<style>.” Click the - icon to the left of the style sheet to collapse the list of styles, hiding them from view.

Figure 6-1. The CSS Styles panel lists the names of all styles available to the page, including external and internal style sheets. In this example, one external style sheet—global.css—contains five styles. The top three are tag styles (notice that the names match various HTML tags), while the bottom two are class styles (note the period at the beginning). There’s also one tag style defined in an internal style sheet—the one listed below “<style>.” Click the - icon to the left of the style sheet to collapse the list of styles, hiding them from view.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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