Web Design Training courses, videos & tutorials at DigitalFamily.com
Web design & Internet trends
books, videos, training & consulting
  • Home
  • Store
    • Web Design Books
    • Dreamweaver Videos
    • Expression Web Videos
    • Products
    • Shopping Cart
    • Order Status
  • Consulting Services
  • Web Tutorials
    • Web Design 101
    • Mobile and Responsive Web Design
    • Social Media
    • Online Reputation
    • Dreamweaver
    • Expression Web
    • Cascading Style Sheets
    • WordPress
  • Dreamweaver
    • CS6 Tutorials
    • CS5 Tutorials
    • CS4 Tutorials
    • CS3 Tutorials
  • FAQ
    • Dreamweaver
    • CSS
    • Graphics
    • WordPress
    • Ask the Author
  • About Us
    • About DigitalFamily.com
    • About Janine Warner
  • Contact
Search the site...
Home» Tutorials » Expression Web » Create External Style Sheets to Save Time with CSS Designs in Expression Web

Create External Style Sheets to Save Time with CSS Designs in Expression Web

Posted by Janine Warner - September 8, 2012 - Expression Web, Tutorials
0

You can create styles for each page in your site, or you can create external style sheets and use the same styles across many pages at once. To create an external style sheet in Microsoft Expression Web, follow these instructions:

1. Choose File > New> CSS

Figure EW Tutorial 3-1.jpg
2. Save the file, and name it something like textstyles.css (just don’t use any spaces or special characters in the name.)

3. Attach the new CSS file to a Web page by clicking on the Attach Style Sheet link in the Manage Styles task pane and then using the Browse button in the Attach Style Sheet dialog to locate and select the new CSS file.

Figure EW Tutorial 3-2.jpg

4. In the Manage Styles task pane, click to select the styles you want to move to the external style sheet and drag them onto the name of the attached CSS file. You can move styles one at a time, or select multiple styles and drag them all at once.

Figure EW Tutorial 3-3.jpg
Once you’ve moved your styles to an external style sheet, the style sheet can be attached to any other pages in your Web site, making the same styles available to multiple pages. Any changes you make to a style in an external style sheet are automatically applied in all pages where that style sheet is attached.

expression-web

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Share with your friends

Expression Web Tutorials

  • How to Add a Favicon Image to Your Web Site
  • Test Your CSS Before You Publish with Expression Web
  • How to Test Web Site Accessibility with Microsoft Expression Web
  • Make Global Updates with Dynamic Web Templates in Expression Web
  • Create a Rollover with the Swap Image Behavior

Expression Web Products

  • Microsoft Expression Web Essentials Training Video for versions 2 & 3

    expressionweb2_ess-lg
    Training Video
    Janine's best-selling Expression Web training video starts with the basics and takes you through more advanced features, including in CSS, templates, and more. You'll get a solid introduction to web design, as you learn Microsoft Expression Web, and you're sure to love Janine's patient (and fun!) teaching style. This video works for both Expression We 2 and 3. More Info »
    $49.99$25.00

    View Cart / Checkout
© 2001 - 2013 All rights reserved. DigitalFamiliy.com was created by Janine Warner | Terms & Conditions of Use | Privacy Policy
  • Home
  • Store
  • Consulting Services
  • Web Tutorials
  • Dreamweaver
  • FAQ
  • About Us
  • Contact