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

10.2. CSS Operations

Table 10-2 gives a quick overview of using CSS Styles in Dreamweaver. The remainder of the chapter covers these operations in detail.

Table 10-2. CSS operation summary
Operation Shortcut
Open the CSS Styles panel Window CSS Styles, Shift+F11, or the CSS Styles icon in the Launcher bar
Add a style to an internal or embedded stylesheet Text CSS Styles New Style
Attach an external stylesheet using the <link> tag[1] Text CSS Styles Attach Style Sheet
Attach an external stylesheet using the @import directive Text CSS Styles Edit Style Sheet Link Import
Detach an external stylesheet Text CSS Styles Edit Style Sheet Remove
View a list of external stylesheets and embedded styles Text CSS Styles Edit Style Sheet; Ctrl+Shift+E (Windows); Cmd+Shift+E (Macintosh)
Export embedded styles to an external .css file Text CSS Styles Export CSS Styles
Convert CSS styles to HTML styles File Convert 3.0 Browser Compatible
Apply a class selector[1] Text CSS Styles stylename or use Set Class in the Tag Selector's contextual menu
Apply an ID selector Use Set ID in Tag Selector's contextual menu
Duplicate an embedded style Text CSS Styles Edit Style Sheet Duplicate
Duplicate an external style Text CSS Styles Edit Style Sheet Edit Duplicate
Delete an embedded style[1] Text CSS Styles Edit Style Sheet Remove
Delete an external style from an external stylesheet Text CSS Styles Edit Style Sheet Edit Remove
View a list of styles in an external stylesheet Double-click .css file in Site window; Ctrl-click (Windows) or Opt-click (Macintosh) the Edit Style Sheet button in the CSS Styles panel
Remove a style attached to a single element (clear styling)[1] Text CSS Styles None


[1] Also available as an option in the CSS Styles panel.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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