Set preferences for generated CSS

  • Article

You can set preferences to determine whether new styles that Microsoft Expression Web generates while in Auto style application mode are inline or use a class or element selector. You can also use the style application preferences to set other options that affect Expression Web in both Auto and Manual modes.

To set the style application mode

Do one of the following:

  • In either Design view or Code view, in your web page, on the status bar at the bottom of the program window, right-click Style Application, point to Mode, and then select Auto or Manual.

  • On the Style Application toolbar, click the Style Application drop-down box, and then select Auto or Manual.

  • On the Tools menu, select Page Editor Options. In the Page Editor Options dialog box, on the CSS tab, select Auto Style Application or Manual Style Application.

To set style application preferences

  1. On the Tools menu, click Page Editor Options.

  2. In the Page Editor Options dialog box, on the CSS tab, do the following:

    Use this To do this

    Page properties on the <body> tag

    Select the type of style that Expression Web creates in Auto mode when using the Formatting tab in the Page Properties dialog box to set the background picture, background color, or default text color of a web page.

    Font and text

    Select the type of style that Expression Web creates in Auto mode when using the Font or Symbol dialog box, or any button on the Formatting toolbar except for the Numbering, Bullets, Highlight and Borders buttons.

    Background

    Select the type of style that Expression Web creates in Auto mode when using the Patterns options in the Borders and Shading dialog box or the Highlight button in the Formatting toolbar.

    Borders

    Select the type of style that Expression Web creates in Auto mode when using the Borders and Shading dialog box except for the Padding options.

    Padding and margins

    Select the type of style that Expression Web creates in Auto mode when using the Paragraph dialog box, the Padding options in the Borders and Shading dialog box, the Advanced tab in the Page Properties dialog box, or adding margins or padding to items in Design view.

    Sizing, positioning, and floating

    Select the type of style that Expression Web creates in Auto mode when using the Position dialog box, Positioning toolbar, the Layers panel, or when you add or resize a picture and other items in Design view.

    Bullets and numbering

    Select the type of style that Expression Web creates in Auto mode when using the List Properties dialog box or the Numbering and Bullets buttons on the Common or Formatting toolbar.

    Only reuse classes with the prefix "style"

    Select to enable Expression Web to modify class selectors only when the name of the selector begins with ".style".

    NoteNote
    This option is only available in Auto mode.

    Use width and height attributes for images instead of CSS

    Set the dimensions of pictures that you add to a page by adding width and height attributes to the <img> tag. If deselected, Expression Web uses CSS to set the dimensions of pictures; the type of style that is applied to the picture depends on the setting of the Sizing, positioning, and floating option.

To set reset style application preferences to default settings

  1. On the Tools menu, click Page Editor Options.

  2. In the Page Editor Options dialog box, on the CSS tab, click Reset Defaults.

See also

Tasks

Design generated styles in manual mode

Reference

Style Application toolbar

Concepts

Working with generated cascading style sheets
Cascading style sheet reference

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.