How to Create a Style Sheet for a Web Page With Dreamweaver

Contributor

By eHow Contributing Writer

Article Rating:

(7 Ratings)

With cascading style sheets (CSS), you can specify automatic HTML formatting options that apply to an entire site. Although implementing style sheets in HTML can be complicated, Dreamweaver 3.0 makes this a relatively simple process.

Difficulty: Moderate

Instructions

Things You'll Need:

Macromedia Dreamweaver

Step 1

Start the Dreamweaver program.
Step 2

Open the Window menu and select CSS Styles (or press the F7 key). This will open the CSS Style Properties box.
Step 3

Click on the New Styles button on the bottom of the Style Properties box in the lower right corner (which resembles a page with the corner folded over).
Step 4

Select a style type (see Tips) and name the style.
Step 5

Choose the style formatting options and click OK.
Step 6

Apply the style by selecting the object to be changed and clicking on the style in the CSS window.
Step 7

Apply the style to the entire page by choosing "body" from the Apply To list in the CSS window.

Tips & Warnings

"Make Custom Style (Class)" creates a new style.
"Redefine HTML Tag" changes the properties of a tag to reflect your changes. For example, the B tag can be changed to be bold and italicized.
"Use CSS Selector" allows you to create formatting options for tags that contain an ID number specified by you. See Dreamweaver Help for more information about using the CSS Selector.
Some older browsers do not support CSS styles. The information that the CSS tags are applied to will appear as if no tags were applied to it.