User Guide

338

ADOBE GOLIVE CS2

User Guide

Applying styles

After you’ve created your cascading stylesheet, added styles to it, and edited the style properties, you need to apply

class and ID styles to text or objects in your pages and reference external stylesheets from your pages.

You can apply styles to text and other objects in one of three different ways, depending on the style type:

Element styles Apply automatically to the HTML tags that share the element style names.

Class styles Require that you select text or other items in the page and apply the style with the CSS palette, the inline

CSS Style preview, the Apply CSS Style toolbar button, or the Type > CSS menu options. The CSS palette lists all

available class styles defined in a page’s internal or external stylesheets. The inline CSS Style preview displays the Style

Apply tab of the CSS palette inline for selected text.

ID styles Requirethatyou applythe styleinlayoutusing theVisualTag Editor or manually in thepage’sSourceCode

Editor.

Inline styles Apply automatically to the element you selected when creating the style.

To apply a class style

1 Do one of the following:

• To applythe styletoanobjectonapage,selectthe object,suchastext, table, tablecell, image, or markup tree tag.

• To apply a style to the entire body of a page, select the <body> tag in the markup tree at the bottom of the page,

and then use the formatting options in step 2.

2 Do one of the following:

• In the CSS palette, select a formatting option adjacent to the class style’s name.

• Click the Apply CSS Style button in the toolbar, and then select the formatting option in the CSS Style preview that

appears. (You can also preview styles by placing the pointer over a formatting option.)

• Choose Type > CSS [format], and then choose a class style.

• Choose Type > CSS Style, and then select the formatting option in the inline CSS Style preview that appears. (You

can also preview styles by placing the pointer over a formatting option.)

Note: The formatting options in the CSS palette, CSS Style previews, and the CSS commands in the Type menu vary

depending on the selection in the document window. For example, if text is selected, the CSS palette displays Inline, Par,

and Div options. If a table cell is selected, the palette displays one option for the <td> tag.

• Choose Window > Markup, and apply the style by choosing it from the Class menu in the Markup palette.

Class style format options

You can choose from the following formatting options in the CSS palette or the inline CSS Style preview:

Inline Style Formats an item inline.

Block Style Creates a division that is disconnected from the normal flow of HTML.

<p> Formats an entire paragraph with a style. You don’t need to select the entire paragraph; either place an insertion

point in the paragraph or select a portion of it.