Creating And Viewing Stylesheets - Adobe GOLIVE CS2 User Manual

Creating and viewing stylesheets

Choosing between internal and external stylesheets
When you create a stylesheet, first determine whether it should be internal or external. An internal stylesheet is
written into the head section of a web page and is typically used if styles are used on only one page. An external
stylesheet exists as a separate file, which is useful if you want multiple pages to share the same styles.
You can use both an internal stylesheet and external stylesheets in a single web page. You can also import styles from
an external stylesheet into an internal stylesheet, or export internal stylesheets to an external stylesheet file.
With CSS, stylesheets cascade—in other words, several external stylesheets, in addition to an internal stylesheet, may
define the properties of a single page and override one another according to certain rules of precedence. When
several stylesheets apply their formatting rules to a page, conflicts may arise. These conflicts are resolved by assigning
a level of precedence to each style rule. Internal stylesheets will override a rule in an external stylesheet, and external
stylesheets are assigned a level of precedence relative to other sheets. By default, the web page's stylesheet overrides
the browser's default values.
Note: Except for their title bars, internal and external CSS Editors appear identical. An internal CSS Editor displays the
web page's file name in the title bar. An external CSS Editor displays the external stylesheet's file name in the title bar.
To display the CSS Editor
1 Do one of the following:
Open a page and click the Open CSS Editor button
•
Open an external stylesheet that is named with the .css file extension.
•
• Double-click a CSS file in the CSS tab of the site window.
To change the display on the right side of the CSS Editor in the CSS Definitions tab, do one of the following in the
2
Name column:
• To display the Create buttons, deselect all styles.
To display style properties, select a style.
•
To display external stylesheet properties (though not the style properties within it), select an external stylesheet.
•
Select Show These Buttons At Top to also display the buttons on the right side of the CSS Editor at the top of the CSS
Editor.
3 To display the stylesheet source code, click the Source tab in the CSS Editor, or click the Show Split Source button
at the lower left of the CSS Editor to view the source simultaneously with the CSS definitions.
To change the CSS source code color display, choose a theme from the Theme menu in the Source tab.
4
See also
"Source preferences" on page 578
in the upper right corner.
ADOBE GOLIVE CS2
320
User Guide