Otsikoille, tekstille, koko sivulle jne. voidaan luoda tyylejä, joita käytetään koko sivustolla.

Lue sivustosta CSS opas kohsat ensimmäinen tyylitiedostoni ja kaksi eri tapaa lisätä tyylejä Html-sivuille.
Muokkaa Smurffit sivullesi pääotsikko vihreällä käyttäen tyylejä. Tee tyylit tapa1:llä ja tapa2:lla nettisivun ohjeen mukaan.

Tyylejä ei välttämättä tarvitse kirjoittaa itse vaan niitä voi kopioida valmiina netistä. Tietenkin tyylejä voi vähän muokata haluamikseen. Kokonaisen valmiin sivupohjan voi kopioidaesimerkiksi sivulta http://www.free-css.com/

Harjoitus

Kopioi sivustolta xHTML+CSS Survival Kit kohdasta CSS-tagilista kuvaa (etsi taulukosta img) muokaava tyyli (avaa esimerkki ja kopioi koodi sieltä. Siellä myös kerrotaan mihin kohtaan html-koodia koodi pitää liittää.)
Liitä koodi smurffit sivullesi. Katso selaimessa. Muokkaa sitten koodi niin, että punainen viiva on 8
px ja sininen viiva onkin vihreä (green).