Creating Style Sheets in Microsoft Expression Web

Microsoft Expression Web has some pre-defined set of style sheets which you can directly use in your document. There are in all 13 style sheets that are written for different purposes like Bars, Blocks, Capsules, Expedition, Highway, Poetic, Sweets and such others. Each of these style sheets has a unique style, with headings, background, font styles, etc.

How to add a style sheet to your page?

  1. Go to File menu > New > Page.
  2. file_new_page 

  3. The ‘New Page’ window would then be prompted.
  4. new_dlg 

    In the leftmost column of the window, choose Style Sheets. The center column would then list down all the available predefined style sheets. As you select a style sheet from the list, the top portion in the right most column, gives a brief description of that style.

  5. You can choose one that may suit your page requirements and click OK.
  6. A style sheet will now be opened in your main workspace with a name ‘Untitiled_1.css’.
  7. Now you need to save this css file in the same location of your document. Give an appropriate name to it.
  8. Link this file in your page by following these instructions:
    • In Apply Styles or Manage Styles panel (task panes in versions earlier than 3) click on ‘Attach Style Sheet…’.
    • attach_ss_opt 

    • In the Attach Style Sheet window browse to the location of css file. You can choose attach it as a link or import it into your current page, selected page or all HTML pages. In this case choose ‘Current Page’ and as ‘Link’.
    • attach_ss_window 

    • Click OK. The css file will now be attached to your page.
  9. Now see your page being styled as per the styles defined in the attached style sheet.


Filed Under: Expression Web


About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke

RSSComments (0)

Trackback URL

Leave a Reply