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
|
Text → CSS Styles → Attach Style Sheet |
|
Attach an external stylesheet using the |
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 →
|
|
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 |
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access