Dreamweaver in a Nutshell

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[a]	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[a]	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[a]	Text → CSS Styles → Edit Style Sheet → Remove
Delete an external style from an external stylesheet	Text → CSS Styles → Edit Style Sheet