Vompattisivu: esimerkkejä CSS:n käytöstä

Ilmestynyt lokakuussa 2003:
Jukka K. Korpela:
CSS-tyylit

Tämä aineisto liittyy kirjan CSS-tyylit ensimmäiseen lukuun, jossa esitellään CSS-tyyliohjeiden ideaa esimerkillä: pienellä sivulla, jonka ulkoasu voidaan muuntaa eri muotoihin erilaisilla tyyliohjeilla. Seuraavien linkkien avulla voit katsella, miltä sivu näyttää eri tilanteissa:

• ”Tyylitön” perussivu, eli pieni vompateista kertova sivu, johon ei liity mitään ulkoasumerkkausta eikä mitään tyyliohjetta.
• Yksinkertaisesti tyylitelty versio, joka on sama kuin edellinen sivu mutta siten, että siihen on liitetty yksinkertainen tyyliohje
• Erikoisella tavalla tyylitelty versio, johon on liitetty kokeileva tyyliohje (selitetty kirjassa).
• Värikäs versio, johon on liitetty lähinnä värejä asettava tyyliohje.
• ”Perustyylitelty” versio, jonka tyyliohjeena on kirjan 13. luvussa kuvattu laajahko perustyyliohje, joka on tarkoitettu melko neutraaliksi pohjaksi tyylin kehittelylle.