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.

NoteNote

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.

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.

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.

Community Additions

ADD
Show: