CSS Styles view

The CSS Styles view allows you to browse style sheets and style rules, defined in document being edited and allows you to edit the style information as well.

Opening the CSS Styles view

1. From the main menu bar, select Window > Show View > Other
2. Select JointLogic Web Tools > CSS Styles
3. Press OK button

Creating a new style sheet

If you are currently editing a HTML file with WTP HTML Editor, you can create a new inline style sheet by clicking the New Style Sheet button on the CSS Styles view toolbar.

Creating a new style rule

To create a new style rule in current style sheet:

1. Click the New Style Rule button on the CSS Styles view toolbar
2. Type selector string in the text field
3. Press OK button

Deleting a style rule or a style sheet

In the CSS Styles view select the needed style item and click the Delete button on the CSS Styles view toolbar.

Editing style declaration

To edit a style declaration with the CSS Declaration designer double-click on a style rule or select a style rule and click the Edit Style Declaration button on the CSS Styles view toolbar .