Creating a new CSS style

create a CSS style to automate the formatting of HTML tags or a range of text identified by a class attribute.

To create a new CSS style:

1. Place the insertion point in the document, then do one of the following to open the New CSS style dialog box.

In the CSS Styles panel( Window > CSS Styles), click the New CSS Style button (+) located in the lower right area of the panel.

In the text Property inspector, click the Toggle CSS/HTML Mode button, if necessary, to switch to CSS mode, then in the CSS Style pop-up menu, select New CSS Style.

Choose Text > CSS Styles > New CSS Style.

The new CSS Style dialog box appears.

2. Define the type of CSS style you want to create:

To create a custom style that can be applied as a class attribute to a range or block of text, select Make Custom Style(Class), then in the Name field, enter a name for the style.

Note: Custom style (class) names must begin with a period and can contain any conbination of letters and number. For example, .myhead1. If you don't enter the beginning period, Dreamweaver automatically enters it for you.

To re-define the default formatting of a specific HTML tag, select Redefine HTML tag, then in the Tag field, enter an HTML tag of choose from the pop-up menu.

To define formatting for a particular combination of tags or for all tags that containa specific Id attribrute, select Use CS Selector, then in the Selector field, enter one or more HTML tags or choose one from the pop-up menu. The selectors available from the pop-up menu are a:active, a:hover, a:link and a:visited.

3. Select the location in which the style will be defined:

to create an external style sheet, choose New Style Sheet File.

To embed the style in the current document, choose This Document Only.

4. Click OK.

The Style Definition dialog box appears.

5. Choose the style options you want to set for the new CSS style.

6. When you are donesetting the style attributes, click ok.