The New CSS Rule Dialog Box in Dreamweaver

Dreamweaver defines three types of selectors:

• class This is any style starting with a period (.), or a standard CSS class selector.
• tag This is an HTML tag or element. Just one. If you want to define a style for a comma-separated list of tags, use the next option.
• advanced Everything else. I use this one most often, as it's the most flexible. I use a lot of ID selectors, comma separated lists of type selectors, and pseudo-selectors and they all go in here.

Once you've defined the type of selector, you can add it either to an existing style sheet, a new external style sheet, or an internal style sheet. While it's possible to use inline styles in Dreamweaver, it's difficult and I don't recommend it.

I use external style sheets when I'm writing styles for an entire site. I use internal when I know I'm only going to use the styles on that page.

1. The Dreamweaver Styles Pane
2. How to Attach an External Style Sheet
3. The Attach External Style Sheet Dialog Box
4. How to Add a New Style Rule
5. The New CSS Rule Dialog Box
6. Font Styles
7. Background Styles
8. Block Styles
9. Box Styles
10. Border Styles
11. List Styles
12. Positioning Styles
13. Extension Styles
14. View Your Styles in the Dreamweaver Style Pane