This site is designed for accessibility. Content is obtainable and functional to any browser or Internet device. This site's full visual experience is available in a graphical browser that supports web standards. Please consider upgrading your web browser.

Example with Alternate and Media Stylesheets

Fire up Netscape 6.2x

Now take a look at this example document.

Alternate Stylesheets

To see the alternate styles in Netscape 6x:
under the "View" menu select "Use style sheet" then select one of the options five listed.

I created five visually distinct alternate stylesheets. If you want to view the stylesheets themselves they are at:

• rightnavigation.css
• leftnavigation.css
• warm.css
• green.css
• plain.css

Default Stylesheet

If you want to see the code for the default style sheet is at default.css

Media Stylesheets

The print stylesheet can be viewed in Internet Explorer without printing the page. Under the file menu select print preview.

If you want to see the code it is at:

print.css

I also created an aural style sheet. If you want to see the code it is at:

aural.css

Markup to call all of the Stylesheets

These styles are called in the html example document with the following markup:

---

© 1998-2024 Laura L. Carlson
Email: lcarlson@d.umn.edu
Department: Information Technology Systems and Services, University of Minnesota Duluth
Document Last Modified: 2002
Page URL: http:// www.d.umn.edu /~lcarlson/csswork/media/example_explain.html

The views and opinions expressed in this page are strictly those of the page author. The contents of this page have not been reviewed or approved by the University of Minnesota.