Create a cascading style sheet

You can create external and internal cascading style sheets (CSS) and inline styles to format a web page and its content. For information about each type of style sheet, see Cascading style sheets.

After creating either type of CSS, you use the Manage Styles, Apply Styles, and CSS Properties task panes to create and manage your styles. For more information, see Create a style and Modify a style.

To create an external CSS

  • Do one of the following:

    • On the File menu, point to New and then click CSS.

    • On the File menu, click New. In the New dialog box, on the Page tab, in the list on the left click General, in the list on the right click CSS, and then click OK.

    • Click the arrow on the New Document button Cc295582.d56a95c3-fbba-4858-94b4-6908fd3e10e3(en-us,Expression.10).gif in the Common or Standard toolbars and then click CSS.

    • To create a new external CSS and create a new style for the style sheet, in the Apply Styles or Manage Styles task pane or the Style toolbar, click New StyleCc295582.bab8e2db-5468-4e3d-bb82-944174f86b55(en-us,Expression.10).gif, and then in the New Style dialog box, set the Define in option to New style sheet.

To create an internal CSS

  1. Open the web page you want to contain the CSS.

  2. In the Apply Styles or Manage Styles task panes, on the Style toolbar, or on the Format menu, click New Style.

  3. In the New Style dialog box, in the Define in drop-down menu, select Current page.

    For information about creating a new style, see Create a style.

To create an external CSS from a style sheet template

  1. On the File menu, click New.

  2. In the New dialog box, on the Page tab, select Style Sheets.

  3. Select a style sheet and click OK.

See also

Concepts

Attach or detach an external cascading style sheet

Create a style

Modify a style

Apply Styles task pane

CSS Properties task pane

Manage Styles task pane