Create a style to automate the formatting of HTML tags or a range or block of text identified by a CLASS
attribute.
To create a style:
1 | Choose Window > Styles and click the Style Sheet button in the Style palette. |
2 | In the Edit Style Sheet dialog box, click New. |
3 | Choose from the following style types: |
Make Custom Style (class) Creates a style that can be applied as a CLASS attribute to a range or block of text. |
|
Redefine HTML Tag Redefines the default formatting of a specified HTML tag. | |
Use CSS Selector Defines the formatting for a particular combination of tags or for all tags that contain a specific ID attribute. |
|
4 | Enter a name, tag, or selector for the new style, following these conventions: |
![]() |
Custom style names must begin with a period. If you don't enter the period yourself, Dreamweaver enters it for you. |
![]() |
For HTML tag styles, enter an HTML tag or choose one from the pop-up menu. |
![]() |
For a CSS selector, enter any valid criteria for a selector (for example, TD H2 or #myStyle ), or choose a selector from the pop-up menu. |
5 | Click a panel name on the left side of the dialog box and choose the formatting settings for the new style in the corresponding panel. Leave attributes empty if they are not important to the style. |
![]() |
Attributes that do not appear in the Document window are marked with an asterisk (*) in the Style Definition dialog box. Some of the CSS style attributes that you can set with Dreamweaver appear differently in Microsoft Internet Explorer 4.0 and Netscape Navigator 4.0, and some are not currently supported by any browser.
See the following topics for information on specific settings:
When you create a custom (class) style, it appears in the Style palette and in the Text > Custom Style menu. HTML tag styles and CSS selector styles do not appear in the Style palette because they cannot be applied. These styles are reflected in the Document window automatically wherever the tag or selector occurs.