CSS Code Hinting in Dreamweaver

By David Karlins and Doug Sahlin from Building Websites All-in-One For Dummies, 3rd Edition

Dreamweaver’s Code view (or Split view) is a great environment for writing CSS styles. You can create a new style sheet document in Dreamweaver and apply all CSS coding techniques. Do that by following these steps:

Enlarge

From the main Dreamweaver menu, choose File→New and in the New Document dialog box that appears, choose CSS in the Page Type column, and then click Create.

Doing this opens a blank CSS page, with some basic code (a UTF declaration) and a comment that the file is a CSS document.

Enlarge

Choose File→Save to save the style sheet document. Enter CSS in Code view.

As you start creating a style, you can press the spacebar or Enter key to provide quick access to code hinting. Code hinting helps complete style definitions and assign style properties and values. In the figure, a popup list displays possible properties for the body tag selector, including background-color.

Enlarge

Select a property from a code-hint popup in Code view and press the spacebar to add that property to your CSS code.

In some cases, doing so opens a new set of code hint options, and again you can select one of them and press the spacebar to apply that selection and continue coding.

For example, if you choose Color from the popup list, a color palette opens to make it easy to define a color.