CHAPTER 6

Tutorial: Formatting 

6

Your Page with CSS

This tutorial shows you how to format text on your page using Cascading 

Style Sheets (CSS) in Dreamweaver. CSS provides you with greater control 

over the appearance of your page by letting you format and position text in 

ways that HTML cannot. 

In this tutorial, you will complete the following tasks:

Locate your files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100

Review your task  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101

Learn about CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Create a new style sheet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104

Explore the CSS Styles panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

Attach a style sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Create a new CSS rule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

Apply a class style to text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113

Format the navigation bar text  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114

(Optional) Center the contents of the page  . . . . . . . . . . . . . . . . . . 125

99