Referencing external style sheets

The CSS Definitions tab of the CSS Editor lists all external style sheets referenced by the current page in addition to listing the internal styles. In conjunction with the External Style Sheet Inspector, you can reference an external style sheet in your site or on the Web. You can also make a reference to an external style sheet from multiple pages in a site without having to make the references one page at a time.

To see all of the pages that reference an external style sheet in your site, select the style sheet file in your site window, and view all the references in the In & Out Links palette.

To reference an external style sheet:

1. Do one of the following:
• To reference an external style sheet from a single Web page, in the internal CSS Editor click the New Link To External CSS button , or from the context or CSS Editor menu choose New Link To External CSS. Select the empty reference in the CSS Editor and in the External Style Sheet Inspector, reference the external style sheet in the Reference text box.
• To reference an external style sheet from multiple Web pages, select two or more pages within the site window's File tab. In the CSS palette, reference an external style sheet in the text box at the bottom of the palette, and then click the Add button.

Add additional external style sheets as needed. The order of the external style sheets in the CSS palette indicates their order of precedence (cascading order). Sheets that are lower in the list take precedence over sheets that are higher in the list. In the CSS Editor for a page, select an external style sheet and use the Move Item Upwards button  and Move Item Downwards button  to change a sheet's level of precedence relative to other external style sheets.

To easily reference a style sheet document from a page within the same site, either drag the style sheet file icon from the site window to either the page icon in the upper left corner of the page or to the internal CSS Editor.

To view or edit a referenced external style sheet:

Do one of the following:

• Double-click the external style sheet in the CSS Editor or the site window.
• Select the external style sheet in the CSS Editor and choose CSS File > Open in Adobe GoLive from the context menu. Or select the external style sheet in the site window, and choose Open > Open in Adobe GoLive from the context menu.
• Select the external style sheet, and click Open in the External Style Sheet Inspector.

To change an external style sheet reference:

1. In the Files tab of the site window, select the.css file you want to replace.
2. In the In & Out Links palette, use the Point and Shoot button that is adjacent to the .css file and reference the new style sheet document in the site window.
3. In the Change Reference dialog box, if necessary, uncheck any files that you do not want to update, and then click OK.

All checked files in the Change Reference dialog window use the new external style sheet. Unchecked files use the existing external style sheet.

To remove a reference to an external style sheet:

Do one of the following:

• In the CSS Editor of a page, select the external style sheet and click the Remove Selected Items button .
• Select one or more pages in the site window, and in the CSS palette, select the external style sheet and click the Remove button.