How to Use CSS Features in Dreamweaver CS4

In the CS4 version of Adobe Dreamweaver, a number of changes have been implemented for creating a new CSS Rule. This article is a summary of those changes.

Difficulty:

Moderately Easy

Instructions

Things You'll Need

• Adobe Dreamweaver CS4 software

.

1. Properties

   An important new feature is two buttons in the Properties panel that allow you to switch from CSS properties for an element to HTML properties for an element.

2. If you add a new element to a page and want to create a CSS Rule for it, click the CSS button in the Property inspector. Choose "New CSS Rule" from the Targeted Rule menu and click on the Edit Rule button.

3. New CSS Rule dialog

   The New CSS Rule dialog is quite different. The menu and description of Selector Type is much more accurate now. The "Advanced Selector" type is gone. The choices now include: tag, class, id and compound selector. Dreamweaver now uses the term "contextual selector" to describe what they mean by Compound Selector. Dreamweaver still suggests a selector based on the selection in the document. It also offers you a detailed description of the specificity of that selector and allows you to either make the selector Less Specific or More Specific. You can also pick the location where the new rule will be saved.