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:

• Double-click the CSS file node () in the Projects window or Files window.

  Alternately, you can right-click the file node and choose Open in the popup menu.

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.

1. Open the CSS file in the editor.
2. Open the CSS Styles window, if not already open.
3. 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.
4. Type a value for the property that you want to edit or select a value from the dropdown list adjacent to the property.
5. 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.

1. Open the CSS file in the editor.
2. Open the CSS Styles window, if not already open.
3. Place the insert cursor in the CSS file in the line where you want to create the new rule.
4. In the CSS Styles window, click the Create New CSS Rule button () to open the Create CSS Rule dialog box.
5. In the create CSS Rule dialog box, select the type of selector that you want to create.
6. Specify the name of the selector by typing in the text field or by selecting an HTML element in the dropdown list.
7. Click OK to create the rule.
8. Place the insert cursor in the new CSS rule in the editor.
9. 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