AB

More about CSS rules

OU

CSS rules can reside in the following locations:

T..

External CSS style sheets are collections of CSS rules stored in a separate, external .css file (not an 

.

HTML file). The .css file is linked to one or more pages in a website by using a link in the head section of a 

document. 

Internal (or embedded) CSS style sheets are collections of CSS rules that are included in a style tag in 

the head portion of an HTML document. For example, the following example defines the font size for all 

text in the document formatted with the paragraph tag:

Inline styles are defined within specific instances of tags throughout an HTML document. For example, 

 defines the font size for only the paragraph formatted with the tag that 

contains the inline style.

Dreamweaver renders most style attributes that you apply and displays them in the Document window. 

You can also preview the document in a browser window to see styles applied. Some CSS style attributes 

render differently in Microsoft Internet Explorer, Netscape Navigator, Opera, and Apple Safari.

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:

p{

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.

Create a new style sheet 105