Create a new style sheet

Create a new style sheet

First, you’ll create an external style sheet that contains a CSS rule that defines a style for paragraph text. When you create styles in an external style sheet, you can control the appearance of multiple web pages from a central location, instead of setting styles on each individual web page.

  1. Select File > New.
  2. In the New Document dialog box, select Basic page in the Category column, select CSS in the Basic Page column, and click Create.

    This is a picture of the feature being described.

    A blank style sheet appears in the Document window. The Design view and Code view buttons are disabled. CSS style sheets are text-only files--their contents are not meant to be viewed in a browser.

  3. Save the page (File > Save) as cafe_townsend.css.

    When you save the style sheet, make sure you save it in the cafe_townsend folder (the root folder of your website).

  4. Type the following code in the style sheet:
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 18px;
    padding: 3px;

    As you type, Dreamweaver uses code hints to suggest options for completing your entry. Press Enter (Windows) or Return (Macintosh) when you see the code you want to let Dreamweaver finish the typing for you.

    Don’t forget to include a semicolon at the end of each line, after the property values.

    When you’re finished, the code should look like following example:

    This is a picture of the feature being described.

  5. Save the style sheet.

Next you’ll attach the style sheet to the index.html page.

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly