Lue ensin alla olevat tehtävät. Silmäile sitten WWW-ohjelmointi Trainer Kit -kirjasta tyylisivuja käsittelevä luku 9 ja pistä merkille tehtäviin liittyvät kohdat. Tee sitten tehtävät käyttäen kirjaa hyväksi.

Kirjan luvun "9.1.3.1 Tyylitiedoston määrittäminen dokumenttiin" esimerkissä on painovirhe! Kirjassa esitetään tyylitiedoston liittäminen tapahtuvaksi seuraavanlaisella LINK-tagilla:

kun oikea muoto kirjoitetaan:

Sivujen CSS-rakenteen oikeellisuuden voi tarkistaa CSS Validator -sivun avulla.

Tehtävät

1. Luo kullekin sivulle sama sisältö samanlaisilla muotoiluilla. Käytä testimuotoiluna vaikkapa H1-tason otsikon värin asettamista vihreäksi: H1 {golor: green}. Mitään muuta sisältöä ei tarvitse sivulle luoda, kuin tuo testaamasi muotoilun kohde (esimerkissäni siis H1-otsikko). Vain tyylimäärittelyiden sijainnit siis eroavat tiedostoissa toisistaan. Luo kutakin tyylimäärittelytapaa varten omat sivunsa hakemistoon css-kokeilut:
   • A_css_inline.html
   • A_css_otsikossa.html
   • A_css_eri_tiedostossa.html
2. Vertaa muotoilujen näkymistä eri selaimilla!

Jätä sivu palvelimelle tarkistettavakseni.

Linkkejä

• w3schools CSS Tutorial