Appendix B. CSS in Dreamweaver 8

Adobe's Dreamweaver 8 is a Web site-building program that takes the drudgery out of creating HTML/XHTML and CSS. Instead of typing lines of code into a text editor, you can click convenient onscreen buttons and menus and watch your design unfold before your eyes. The program even has powerful site-management tools that help you keep track of your site's pages and links.

Although this book gives you everything you need to know to create your own CSS from scratch, there's nothing wrong with turning to a visual editor like Dreamweaver to save time. In fact, knowing how CSS works, as this book shows you, is a big help when tweaking or troubleshooting pages created in Dreamweaver.

Note

This appendix focuses solely on Dreamweaver 8's CSS features. To learn everything Dreamweaver can do for your Web site design and maintenance, check out Dreamweaver 8: The Missing Manual.

Creating Styles

You begin most CSS-related tasks in the CSS Styles panel, which is Dreamweaver's command center for creating styles. To open it, choose Window → CSS Styles (or press Shift-F11).

Using Figure B-1 as a guide, here's how to find your way around the CSS Styles panel:

  • The All button at the top of the panel lists all internal and external styles for the currently open document. The other button—Current—lets you take a closer look at individual styles (Section B.1.1).

    Tip

    Clicking the minus (-) icon to the left of the style sheet collapses the list of styles, hiding them from ...

Get CSS: The Missing Manual now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.