CSS referencia => A. Függelék

A. Függelék - Stíluslap példa

Ez a függelék nem normatív; tájékoztató jellegű.

A következő stíluslap a HTML specifikációnak megfelelő javasolt megjelenítés szerint készült. Néhány stílusjellemző (pl.: színek) lett csak a teljesség kedvéért hozzáadva. Javasoljuk, hogy a stíluslap hasonlítson az alább következőhöz.

BODY
        { 
        margin: 1em;
        font-family: serif;
        line-height: 1.1;
        background: white;
        color: black; 
        }

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL 
        {
        display: block
        }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
IMG, SPAN
        {
        display: inline
        }

LI
        {
        display: list-item
        }

H1, H2, H3, H4
        {
        margin-top: 1em;
        margin-bottom: 1em
        }

H5, H6
        {
        margin-top: 1em
        }

H1      {
        text-align: center
        }

H1, H2, H4, H6
        {
        font-weight: bold
        }

H3, H5
        {
        font-style: italic
        }

H1
        {
        font-size: xx-large
        }

H2
        {
        font-size: x-large
        }

H3
        {
        font-size: large
        }

B, STRONG
        {
        font-weight: bolder      /* a szülő elemhez viszonyítva */
        }
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE 
        {
        font-style: italic
        }

PRE, TT, CODE, KBD, SAMP
        {
        font-family: monospace
        }

PRE
        {
        white-space: pre
        }

ADDRESS
        {
        margin-left: 3em
        }

BLOCKQUOTE
        {
        margin-left: 3em;
        margin-right: 3em
        }

UL, DIR
        {
        list-style: disc
        }

OL
        {
        list-style: decimal
        }

MENU
        {
        margin: 0              /* szoros formázás */
        }

LI
        {
        margin-left: 3em
        }

DT
        {
        margin-bottom: 0
        }

DD
        {
        margin-top: 0;
        margin-left: 3em
        }

HR
        {
        border-top: solid   /* a 'border-bottom' szintén használható */
        }

A:link
        {
        color: blue         /* nem látogatott link */
        }

A:visited
        {
        color: red          /* látogatott link */
        }

A:active
        {
        color: lime         /* aktív link */
        }

/* az IMG elemek körüli szegély színének beállításához
   kapcsolódó szelektort kell használni. */

A:link IMG
        {
        border: 2px solid blue
        }

A:visited IMG
        {
        border: 2px solid red
        }

A:active IMG
        {
        border: 2px solid lime
        }

előző  tetejére  következő