Get Started with Expression Web

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 Images Styles to Align Images with the Float Option

Add Meta Descriptions for Search Engine Optimization

Create a Rollover Image with the Swap Image Behavior

Make Global Updates with Dynamic Web Templates

Testing Web Site Accessibility

Test Your Web site Before You Publish in Online

Desire to learn design? Order video training for...

Expression Web Training Video

Microsoft Expression Web Essentials Video

How to Upgrade from FrontPage to Expression Web

Advanced Expression Web Training Video

Visit Total Training.com to find video training for all your favorite software programs.

Return to the Expression Web Training Center

Looking for ASP.NET Web hosting?

www.1and1.com,ada web hosting service which also claims to be the largest domain registrar in the world

You'll find many more Microsoft recommended Web servers at www.asp.net/hosters/

 

Partners and sponsors

Total Training Online Software Training - Try it Now Get Free Access

advertisement

Free Greeting Card, Expires 2-27-07

Trusted by over 7 million customers!

Total Training

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:

Partners and sponsors

Order Your Expression Web Training 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

Partners and sponsors

Order Your Expression Web Training Video Today!

Shutterfly.com