Referencing external style sheets from an internal style sheet
Use the CSS Editor to reference the external style sheets from the pages that use them.
To reference an external style sheet: - Do one of the following:
- To reference an external style sheet for a single Web page, in the CSS Editor click the New Link To External CSS button
, or choose New Link To External CSS from the CSS Editor menu. Select the empty reference under the Name column and reference the external style sheet in the Reference text box. - To reference an external style sheet for multiple Web pages, select two or more pages within the site window's File tab. In the CSS palette, click New Link To External CSS button and then reference an external style sheet in the text box.
- Add additional external style sheets as needed.
- To change the order of precedence of an external style sheet relative to other external style sheets referenced in the same page, drag the external style sheet to a new position in the Name column in the CSS Editor of the page.
To easily reference a style sheet document from a page within the same site, drag the style sheet file icon from the site window to either the page icon in the upper right corner of the page or to a page's 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 click Edit.
To replace an external style sheet reference: - In the Files tab of the site window, select the.css file you want to replace.
- In the In & Out Links palette, use the pick whip that is adjacent to the .css file and reference a different style sheet document in the site window.
- In the Change Reference dialog box, if necessary, deselect any files that you do not want to update, and then click OK.
All selected files in the Change Reference dialog box use the new external style sheet. Unselected 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 then select the external style sheet in the CSS palette and click the Remove Selected Items button.
|