How to Edit a CSS Style Sheet in Dreamweaver CS 3

Using Cascading Style Sheets or CSS is an easy way to change the look of any web page quickly. Setting up a CSS document from scratch, however, can often be more work than a novice web designer is willing to handle. Fortunately, Adobe Dreamweaver web design software makes it easy to edit a preexisting style sheet. This article will show how to edit a CSS style sheet in Dreamweaver CS 3.

Difficulty: Easy

Instructions

Select a Cascading Style Sheet

1. Start Dreamweaver.

2. Select "CSS Style Sheet" from the start page under the "Create from Samples" heading.

3. Choose a preexisting style sheet from the list of options presented. Options range from complete style sheets to sheets that only set the type style for a page.

4. Open the CSS Panel. The CSS Panel on the right side of the screen should open when Dreamweaver is opened. If it does not, however, select "Window > CSS Styles" to open it.

5. Select the rule to be edited in the CSS Panel. The CSS Panel shows a list of all rules for the CSS style sheet selected. Click on one to select it.

6. Add properties to the existing rules. Select "Add Property" in the CSS panel to add properties to the selected rule. Select "Color" to bring up the color selector and change the color associated with the rule.

7. Save the style sheet.

Resources

• CSS Zen Garden
• Adobe Dreamweaver