Alternative Style Sheets

It's possible to prove alternative stylesheets by new .css file and then linking to them on the HTML document. The link method needs to be used for this type of alternate style sheets rather than @import. Also, the title attribute in the alternate style sheet link is required. If it isn't used, the style sheet information from each file will automatically combine into one style sheet. The alternate style sheet may be selected under the view menu on most browsers.

It is also possible to set up media-specific style sheets. The example below describes how to set up a style sheet that will be used when a user prints a web page.

<!-- print.css file for Accessible Design -->
body { 
 font-family: "Times New Roman", serif; 
 color: black; 
 background: white; 
 font-size: 12pt; }

#content h2, #content h3, #content p, #content li{
 color: black;
 font-size: 12pt;
 font-family: Times New Roman;
	}

a{
 text-decoration: underline;
 font-weight: normal;
 font-size: 12pt;
 color: black;
 font-family: Times New Roman;
}


<!-- shows link url  -->
a:link:after, a:visited:after{
 content: " (" attr(href) ") ";
}


#headerimg, #nav, #footer {display:none;}