Editing a Cascading Style Sheet
See Also
When editing CSS files, you can take advantage of typical Source Editor features,
including indentation, syntax coloring, and standard clipboard commands.
The IDE also provides windows and dialog boxes that can help you create CSS rules and declarations.
To open a CSS file in the Source Editor:
The IDE opens the CSS file in a new Source Editor tab.
CSS Styles Window
The CSS Styles window enables you to view the rules defined in a CSS file and to
edit the declarations of rules for HTML elements and selectors in a CSS file.
To open the CSS Styles window, choose Window > Web > CSS Styles from the main menu.
The CSS Styles window opens in the main window.
To edit a CSS rule using the CSS Styles window, perform the following steps.
- Open the CSS file in the editor.
- Open the CSS Styles window, if not already open.
- In the CSS Styles window, double-click the name of the rule that you want to edit.
You can type in the text field in the upper pane of the CSS Styles window
to filter the list of rules that are displayed.
The lower pane of the CSS Styles window displays the properties and values for the
declarations for the selected rule.
- Type a value for the property that you want to edit or select
a value from the dropdown list adjacent to the property.
- Press Return on your keyboard.
- You can use the buttons in the toolbar in the CSS Styles window to modify the properties that are displayed
and to create new rules and add properties.
To create a CSS rule using the CSS Styles window, perform the following steps.
- Open the CSS file in the editor.
- Open the CSS Styles window, if not already open.
- Place the insert cursor in the CSS file in the line where you want
to create the new rule.
- In the CSS Styles window, click the Create New CSS Rule button (
)
to open the Create CSS Rule dialog box.
- In the create CSS Rule dialog box, select the type of selector that you want to create.
- Specify the name of the selector by typing in the text field or by selecting an HTML element in the dropdown list.
- Click OK to create the rule.
- Place the insert cursor in the new CSS rule in the editor.
- In the CSS Styles window, click the Add Property button (
)
to open the Add CSS Property dialog box and specify a value for the
property that you want to add. Click OK.
Alternatively, specify a value for a property in the lower pane of the
CSS Styles window and press Return on your keyboard.
- See Also
- Creating a Cascading Style Sheet
- Generating DTD Documentation
Legal Notices