Microsoft Expression Web

"You are such an engaging teacher. You made Expression Web and CSS make sense. I was about to give up until I found your videos. Thank you!"

-- Tim, Madison WI

Learn Expression Web fast with these videos

Expression Web 2 Essentials

Advanced Expression Web

Expression Web Essentials

Upgrade from Microsoft FrontPage to Expression Web

Get Started with these free Expression Web tips

Five ways to customize the interface in Expression Web

Change link colors and remove the underline

Create external style sheets to save time with CSS

Center div tags in a CSS layout with Expression Web

Create styles to align images

Add Meta descriptions for Search Engine Optimization

Create a rollover image with the Swap Image behavior

Make global updates with Dynamic Web Templates

Test web site accessibility

Test your web site before you publish in online

More Free Tutorials

Return to the Expression Web Training Center front page

Looking for Dreamweaver tutorials? Visit our Dreamweaver Training Center

Partners and sponsors

advertisement

Trusted by over 7 million customers!

.

 

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

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:

What others say about Janine's videos

Order your Expression Web Video today


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.

 

Go on to Tip 4 | Return to Expression Web main page

What others say about Janine's videos

Order Your Expression Web Training Video Today!