Quick Start Guide

99
6
CHAPTER 6
Tutorial: Formatting
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