How to Use CSS Styles in Dreamweaver

By eHow Computers Editor

Rate: (0 Ratings)

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.

Flag Article

Instructions

Difficulty: Moderately Challenging

Step1

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.

Step2

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.

Step3

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

Step4

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

Step5

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.

Step6

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