Explanation of the CSS file
= Index DOT Html/Css by Brian Wilson =

Rationale

I have created situation specific, CLASS-based markup on a foundation of simple formatting. This should help ensure that the site looks good on most any delivery platform. This extensive use of the CLASS structure to classify information is not highly recommended for use in HTML, but for complex informational webs like this, it is THE best solution to conquering the complexity beast in this language.

The class names used should be fairly self-explanatory - you should be able to tell what it is you are controlling by the class name. If you do not understand what some of the CSS properties or values do, or don't understand the syntax, the content of this site is the place to start.

Selector Blocks

Page Appearance rules

Description:
These control the common page background, foreground, hyperlink and rule appearances

body, dl, dt, dd, ul, ol, li, td, th, .text	basic content properties
.gc	Base display of support table cell content
hr	HR properties
.field	Used to set the background field of table headers
a:link	unvisited hyperlinks
a:visited	visited hyperlinks

Page Titles, Headers, Important Info, Generic Font Sizing

Description:
These are generic rules used in most pages to bring information to the user's attention. They control page titles, important headings, important incidental information and generic font sizing info.

.pagetitle	On each page: The on-screen title of the page
.subtitle	On each page: Any on-screen sub-headers of the page title
.sitetitle	On each page: The name of the site
.mainheading	Highest importance headings
.subheading	Second level headings
.l3heading	Third level headings
.alert	General emphasized content
.quotation	Quoted passages
.alert2	General emphasized content when 'l3heading' is skipped
.magicword	Extreme emphasis content
.unselected	Item in HTML/CSS/Support key jump indices indicating current category
.smalltext	Generic smaller content
.largetext	Generic larger content

Specific Page Titles, Headers and Subheaders, and Font

Description:
These rules are only used in some of the pages to control the display of specific content.

.indexsitetitle	Main index: The name of the site
.colheaders	Main index: column header content
.entityheader	Used only in character entity pages to indicate column headings
.taghead	Used in support grid header cells - tag/property name
.attribhead	Used in support grid header cells - subcomponent name
.supporthead	Used in support grid header cells - standard/browser name

Meaningful HTML/CSS syntax

Description:
All HTML tag names and attributes, CSS selectors and properties use these classes.

.tagname	HTML element names
.tagattrib	HTML attributes for elements
.selector	CSS Selectors
.property	CSS Properties

Specification/Browser Support Information

Description:
Rules controlling display of support information and color picker legends.

.fs	This was the first browser/standard to support the indicated feature
.s	This browser/standard supports the indicated feature, but was not the first to do so.
.sr	This browser/standard supported the indicated feature, but no longer does. Contents lists start and end version support.
.ns	This browser/standard does not support the indicated feature
.colorname	Used in the color chooser app - indicates the color's common name
.colorvalue	Used in the color chooser app - indicates the color's hex value

Unused rules

Description:
I added these classes, but have never really done anything with them. All external links and their descriptions carry the 'relevant' class. The anchors themselves can carry special behavior beyond this.

.related	Used for related links
.external	Used for absolute URL links to other sites