Style guide

For good accessibility, maintenance and speed of loading, CommunityNet Aotearoa uses Cascading Style Sheets (CSS). as lot.

CSS allows a presentation style to be defined in one place, and applied to the whole site.  This makes changes easy, but also increases the testing required when styles are changed.

To speed up testing, and to document the styles we used, this page will contain examples of all the styles used on the website. We intend to expand it to a full 'Style Guide', documenting the design decisions - the 'why' of the various styles.

Test CSS stylesheet
 
This is a test stylesheet 

H1 - div id="pageheader"

div class="subheading"

Heading 1

Heading 2

Heading 3

Heading 3 - class =underline

Heading 4

Heading 5
Heading 6

Normal

  • Bulleted
DT - definition term
Definition

Emphasis text and strong text.

Table - width = 50%

TH TD
Th TD