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.