Create a New Style Sheet in the CSS Styles Panel
How to Apply CSS3 Effects and Transforms in Dreamweaver
Preview HTML Documents on a Cellphone, Tablet, or Laptop in Dreamweaver

CSS Code Hinting in Dreamweaver

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:

1

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.

2

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.

3

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.

blog comments powered by Disqus
How to Create a Media Query in Dreamweaver
How to Add CSS3 Text Effects
How to Link External CSS to a Page
How to Add a CSS3 Theme to Your Project
How to Apply Opacity/Transparency in CSS3
Advertisement

Inside Dummies.com