MACROMEDIA STUDIO 8-EXPLORING STUDIO 8 Manual page 301

Table of Contents

Advertisement

More about CSS rules
CSS rules can reside in the following locations:
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:
<head>
<style>
p{
font-size:80px
}
</style>
</head>
Inline styles are defined within specific instances of tags throughout an HTML document. For example,
<p style="font-size: 9px"> 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 301

Advertisement

Table of Contents
loading

This manual is also suitable for:

Studio 8

Table of Contents