CSS Editor

By default, external cascading style sheets (CSS) open in CSS Editor. You can add styles either by typing style rules directly into the markup, or by clicking Build Style… and selecting options from the Modify Style dialog box, which automatically generates style rules and inserts their syntax into your document.

To open CSS Editor

1. On the Tools menu in Visual Web Developer, click Options.

   The Options dialog box opens.

2. In the left pane of the Options dialog box, expand the Text Editor node, expand the CSS node, and then click Tabs.

   If you have configured your environment settings for Web development, the Text Editor node is not available unless you select the Show all settings check box. For more information about environment settings, see How to: Change Select Settings.

Note

Additional CSS options can be found under the HTML Designer node which is visible if the Show all settings box is selected.

For more information about style sheets, see Working with CSS Overview.

Tasks

• Working with CSS Overview
  Provides an overview on working with CSS in Visual Web Developer.

• Walkthrough: Creating and Modifying a CSS File
  Shows how to create and modify a CSS files using the features of Visual Web Developer.

• How to: Use the CSS Properties Window
  Shows how to use the CSS Properties window to work with CSS styles.

• How to: Use the Apply Styles and Manage Styles Windows
  Demonstrates how to use the Apply Styles and Manage Styles windows to work with CSS styles.

Related Sections

• Tabs, CSS, Text Editor, Options Dialog Box
  Discusses setting CSS Editor tab options.

• General, CSS, Text Editor, Options Dialog Box
  Discusses setting general CSS Editor options.

• Format, CSS, Text Editor, Options Dialog Box
  Discusses setting CSS Editor formatting options.

• Walkthrough: Creating and Modifying a CSS File
  Discusses defining CSS style rules in style blocks, precedence of CSS style rules, assigning HTML elements to a CSS style CLASS, and external CSS style sheets.