Understanding the CSS file

The Microsoft Reader Standard Edition template includes a single CSS file used by all of the generated HTML files. The file, document.css, is included in your support directory and is copied to the output directory when you generate your project. The CSS file is referenced in the <HEAD> section of the chapter.asp file:

<link rel="StyleSheet" href="document.css" type="text/css" 
type="text/x-oeb1-css" media="screen" /> 

The <LINK> tag is the only location where the CSS file is identified, but throughout the document, you'll find HTML codes that reference components of the style sheet. Instead of a paragraph like this:

<H1> 
This is heading 1 text. 
</H1> 

you'll see a CLASS attribute as part of the tags:

<H1 class="Heading1"> 
This is heading 1 text. 
</H1> 

The CLASS attribute refers to a style called Heading1, which is defined in the CSS file.

 .Heading1 
 { color: #003366; 
 font-size: 25px; font-style: normal; font-weight: bold; 
 margin-left: 0em; margin-top: 0.5em; margin-bottom: 0.5em;
 text-align: left; text-indent: 0em; text-decoration: none; } 

The Heading1 style is defined as having a font size of 25 pixels, using the 003366 color (blue-gray), with a boldface font. If you change any of these settings in the CSS file, all the entities that use the CLASS=Heading1 setting will automatically change.


Quadralay Corporation
Voice: (512) 719-3399
Fax: (512) 719-3606
info@webworks.com