How to Use CSS Styles in Dreamweaver

A website's appearance is controlled by the CSS styles in Dreamweaver. You can make the website look as fancy or as uniform as you want just by using the CSS styles. They also make it easier to create your website because you can just assign the style to the web page instead of going through and defining properties. Follow these steps to use CSS styles in Dreamweaver.

Difficulty: Moderately Challenging

Instructions

1. Use Dreamweaver to open your website. Go to the page in your site that you want to apply CSS styles to and select "Window" and "CSS Styles." Click on "New CSS Style" and a pop-up window will be displayed.

2. Go to the "Selector Type" and click on "Class." Type the name of the style in the box such as ".bullet." Select either the "Tag Selector Type" or the "Advanced Selector Type" depending upon whether you want to redefine HTML tags or use a combination of tags.

3. Select "New Style Sheet" and define the style. Assign it a name such as "styles.css." Save it in site root and click "OK."

4. Give the formatting attributes such as font and border in the pop up window "CSS Style Definition."

5. Choose and right click the tag in the "Tag Selector" that can be found at the bottom left of the document window. This will allow you to use the new style you just made.

6. Set the class property for the tag to use styles while typing HTML code.