Adobe GOLIVE CS2, User Manual, Page: 332 / 724

ADOBE GOLIVE CS2
User Guide
323
Using external stylesheets
About external stylesheets
If multiple pages share style elements, you can create an external stylesheet that you reference from the individual
pages. Using external stylesheets helps to keep your page sizes small and lets you update the entire site’s styles from
within the single external stylesheet.
The order of the external stylesheets in the CSS Editor indicates their order of precedence (cascading order). Sheets
that are lower in the list take precedence over sheets that are higher in the list.
To see all the pages that use an external stylesheet, open the In & Out Links palette, and then select the stylesheet in
the CSS tab of the site window.
To reference an external stylesheet from web pages
1
Do one of the following:
• To reference an external stylesheet for a single web page, open the CSS Editor and click the Create a Reference To
An External Style Sheet File button
. Select the empty reference under the Name column and reference the
external stylesheet in the Reference text box.
You can also click and hold the CSS Editor button to add links to external stylesheets from a page: the CSS Editor
button menu lists all external stylesheets in the site.
•
To reference an external stylesheet for multiple web pages, select two or more pages within the site window’s File
tab. In the CSS palette, click the Create New Link To External CSS button, and then reference an external
stylesheet in the text box.
To easily reference a stylesheet document from a page within the same site, drag the stylesheet file icon from the Files
tab of the site window to either the page icon in the upper right corner of the page or to a page’s CSS Editor.
2 If the styles in the stylesheet are designed for certain media (such as a speech synthesizer, braille device, or PDA),
specify the media type in the Media text box.
3
Add additional external stylesheets as needed.
4 To change the order of precedence of an external stylesheet relative to other external stylesheets referenced in the
same page, drag the external stylesheet to a new position in the Name column in the CSS Editor of the page.
Use the CSS tab in the Site window and the In & Out Links palette to quickly see which pages in your site reference
an external stylesheet. For more information, see “Using the In & Out Links palette to view links” on page 232.
To view or edit a referenced external stylesheet
❖
Do one of the following:
•
Choose Special > CSS > Edit [stylesheet]
• Double-click the external stylesheet in the CSS Editor or in the CSS tab of the site window.
•
Select the external stylesheet in the CSS Editor and click Edit.