Cascading+Style+Sheets

=Cascading Style Sheets (CSS)=
 * CSS enables you to create as many different style sheets as you want. You can then use them to format text by applying mulitple formatting options at once, such as font face, size and color.
 * You can create style sheets that apply to all of the pages in your Web site. You can then use the same stle across your pages to make the fomatting more consistent. You can even make global changes by editing a style sheet to change the style across all of the pages that use the style.
 * You can create custom Cascading Style Sheets, or you can redesign existing HTML tags to create custom styles. New styles can be applied to one page, or saved as external style sheets that you can apply across an entire Web site.
 * When you want your style sheet to apply to all the pages on your Web site, you must save it as a separate files called an //external style sheet//. You can use external style sheets to control formatting across multiple pages and even an entire Web site.
 * A style sheet saved inside a paritcular Web page is an //embedded// style sheet. Embedded style sheet rules apply only to the page in which they are embedded.
 * NOTE:** Some older Web broswers do not support style sheet standards, and different Web browsers display style sheets differently. Always test pages that content display as you intend it to for all of your visitors.

Customize an HTML Tag
You can customize the style that an exisiting HTML tag applies. This allows you to apply special formatting any time that you use that tags to format text. This is a quick, easy way to apply multiple style options with one HTML tag.
 * 1) Click **Text**
 * 2) Click **CSS Style**
 * 3) Click **New**
 * 4) Click the **Tag (redefines the look of specific tag)**
 * 5) Click and choose the Tag
 * 6) Click the **This document only** option to create an embedded style sheet for the file on which you are working.
 * 7) Click **OK**
 * 8) Click a style category
 * 9) Select the style settings that you want
 * 10) Click **OK**

Create a Custom Style
You can create custom styles without affecting HTML tags. You can then apply those styles to text or other elements on your Web page, just as you would apply an HTML tag.
 * 1) Click **Text**
 * 2) Click **CSS Styles**
 * 3) Click **New**
 * 4) Click the **Class**
 * 5) Type a name for the style
 * 6) Click the **This document only** option
 * 7) Click **OK**
 * 8) Click a style category
 * 9) Select the style setting that you want
 * 10) Click **OK**
 * 11) Click **Window**
 * 12) Click **CSS Styles**

Apply a Style

 * Apply a Style to an Element**
 * 1) Click and drag to select text or another element which you want to apply a style
 * 2) In the Properties inspector, click the **Style**
 * 3) Click the name of a style


 * Apply a Style to the Entire Body of a Page**
 * 1) Click inside the Document window
 * 2) Click ** ** in the tag Launch area
 * 3) In the Properties inspector, click the **Style**
 * 4) Click the name of the style

You can edit style sheet definitions by clicking on the **Window** and then click **CSS Styles >>** click **Edit.**

Create Custom Link Styles

 * 1) Click **Text**
 * 2) Click **CSS Styles**
 * 3) Click **New**
 * 4) Click the **Advanced (IDs, pseudo-class selectors)** option
 * 5) Click the **This document only** option to create an embedded style sheet
 * 6) Click the **Type** style category
 * 7) Click here to select the style setting that you want.
 * 8) Click **OK**

Create an External Style Sheet

 * 1) Click **Text**
 * 2) Click **CSS Styles**
 * 3) Click **New**
 * 4) Click the **Class (can apply to any tag)** option
 * 5) Type a name for the style
 * 6) Click the **Define in** option
 * 7) Click **OK**
 * 8) Click a category
 * 9) Click and select the style settings that you want
 * 10) Click **OK**

Attach an External Style Sheet
Any style sheet that you create becomes accessible from the Properties inspector Style field. Creating stle sheets for common formatting options makes it easy to apply complicated styles with a single click. You must attach the style sheet first before you can paply the styles to the content on your page.
 * 1) In the page to which you want ot attach a style sheet, **click Text**
 * 2) Click **CSS** **Styles**
 * 3) Click **Attach Style Sheet**
 * 4) Click **OK**
 * 5) Select any text or other elemenet to which you want to apply a style
 * 6) In the Properties inspector, click the **Style**
 * 7) Click the name of a style that you want to apply