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.
- The Dreamweaver Styles Pane
- How to Attach an External Style Sheet
- The Attach External Style Sheet Dialog Box
- How to Add a New Style Rule
- The New CSS Rule Dialog Box
- Font Styles
- Background Styles
- Block Styles
- Box Styles
- Border Styles
- List Styles
- Positioning Styles
- Extension Styles
- View Your Styles in the Dreamweaver Style Pane