Cascading style sheets (CSS)
Use styles to format content elements
The stylesheets provide a list of styles that can be applied to common page elements. Styles should be used to format page elements for display.
Do not use HTML font elements
Do not use the <font> element. If you want to use larger text for a decorative effect, use a style. If the text is a heading, use a heading tag: <h1>, <h2>, etc. Avoid using smaller text sizes than those provided as the default in the stylesheets.
Do not use HTML color attributes
Do not use the color="" attribute. Colors are included in the stylesheets. Additional color options (subject to branding, usability and accessibility guidelines) can be added to either the centrally maintained stylesheets or to a local stylesheet and applied with a class in the CMS editor.
Local stylesheets should only be used for limited styling
Additional styles may be added, but should be limited to simple text styles that display properly across a range of browsers. More complex styles must be added to the centrally maintained stylesheets.
Do not use fixed font sizes (points and pixels) for text styles. Use relative sizes instead (ems and percentages). This must be done because users must be able to change their browser settings to make the text size readable.
