Chapter 12: Tutorial: Formatting Your Page With Css - MACROMEDIA STUDIO 8-EXPLORING STUDIO 8 Manual

CHAPTER 12
1 2
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 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 296
Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .297
Learn about CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298
Create a new style sheet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300
Explore the CSS Styles panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305
Attach a style sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302
Create a new CSS rule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .307
Apply a class style to text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
Format the navigation bar text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310
(Optional) Center the contents of the page . . . . . . . . . . . . . . . . . . 321
295