Cascading Style Sheets

Cascading Style Sheets (or C S S) control the size, positioning, color, formatting and actions (to some extent) of cells or text. They are a key component of separating presentation (C S S) from content (H T M L) and can greatly aid accessibility so long as relative variables (such as "ems" and "percentage") are used for fonts, positioning and sizing.

Prior to the introduction of C S S, website appearance had to be controlled by H T M L code, which is why the use of some structural tags, such as B or Bold persist. Using outdated structural code can be a problem since it has been deprecated (or superceded) by the use of style sheets and will at some point no longer be supported by browsers.

Other tags, such as Blockquote which stands for a block of quoted text, have been used incorrectly (for example, for indenting). This can cause confusion for users since tags are identified according to their function (i.e. as "Quote") by screen readers.

Example:

.Title {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.25em;
        font-weight: bold;
        vertical-align: top;
        margin-left: 5%;
        margin-top: 20px;
        margin-bottom: -2%;
        }

For more examples, go to the page containing style sheets for the comments form.