Using the CSS Editor
The CSS Editor lets you create CSS styles, edit style properties, reference or create external style sheets, and preview how some style properties may appear. You can also use the Source tab in the CSS Editor to view and edit the style sheet source code.
To display the CSS Editor: - Do one of the following:
- Open a Web page and click the Open CSS Editor button
in the upper right corner. - Open an external style sheet that is named with the .css file extension.
- To change the display on the right side of the CSS Editor in the CSS Definitions tab, do one of the following in the Name column:
- To display the Create buttons, deselect all styles.
- To display style properties, select a style.
- To display external style sheet properties (though not the style properties within it), select an external style sheet.
- To display the style sheet source code, click the Source tab in the CSS Editor. To change the CSS source code color display, edit the Themes preference for CSS Syntax. (See Setting Source preferences.)
To set viewing options for the CSS Editor: - Open the CSS Editor.
- To display a preview of a selected style's effect in the lower right pane of the CSS Editor, choose View > Preview Styles from the CSS Editor menu.
- Choose one of the following from the CSS Editor menu's View submenu or select the options in the View palette:
- Folder for Sections separates the CSS Definitions tab of the CSS Editor into an Internal folder which lists internal styles, and an External folder which lists referenced external style sheets.
- Show Statement Filter to display the Show all Statements pop-up menu.
To edit the styles listed in the New Style submenu in the CSS Editor menu: - Choose New Style > Edit Style Examples from the CSS Editor menu.
- In the exampleStyles.css CSS Editor window, do one of the following:
- To edit an existing style, select a style to edit under the Name column.
- To add a style to the list, use any method for creating a new style. (See Creating CSS styles in a style sheet.)
- Edit the style properties in the CSS Editor. (See Defining style properties.)
- When you are finished editing styles, choose File > Save and close the exampleStyles.css CSS Editor window.
|