Modifying the Rule

Sometimes you will want to modify the rule after you have created it. For example, that warning class we created is a little too standout-ish. Let's make it less so, by changing the font-family from Impact to Arial:

Return to ClassFiles/Dreamweaver/Exercises/hello-world.html in Dreamweaver.

Place the cursor anywhere in the warning paragraph.

In the CSS Styles panel, make sure ".warning" is selected in the top part of the window. Then next to font-family, click on "Impact," type "Arial" over it and press Enter.

The page should update.

In Dreamweaver CC:

Return to ClassFiles/Dreamweaver/Exercises/hello-world.html in Dreamweaver.

Place the cursor anywhere in the warning paragraph.

In the CSS Designer panel, make sure ".warning" is selected in the top part of the window. Then next to font-family, click on "Impact," type "Arial" over it and press Enter.

The page should update.

Making Sure the CSS File Saves

Beneath the file name at the top of the Document Window, you will see a line that begins with the words "Source Code." This line lists the source files associated with the HTML file:

Notice above that there is an asterisk next to the main.css file name. That's because the file has been changed and not saved. When you close the HTML file, you will be prompted to save the associated files that have been changed; however, you can save them earlier by selecting File > Save All Related Files: