CSS on muotoa:
No Format |
---|
selektori { ominaisuus: arvo; }
esim. p { color: blue; }
|
Tällaista kokonaisuutta kutsutaan deklaraatioksi.
Jos usealla elementillä on sama esittely, ne erotetaan pilkulla
No Format |
---|
h1, h2, p { color: blue; }
|
Jos ominaisuudella on useita arvoja, ne erotetaan pilkulla,
jos elementillä on useita ominaisuuksia, ne erotetaan puolipilkulla:
No Format |
---|
h1 {font-family: arial, sans-serif;
font-size: 12pt;}
|
Tyyliohjeiden soveltaminen
Muita ulkoasun muotoiluja CSS:ssä
Yleistä
Värin ja taustavärin ominaisuudet
Elementin raja, täyte ja marginaalit
Täydellinen lista CSS:n ominaisuuksista (CSS1, CSS2, CSS3)
Esimerkkejä:
Valideja CSS-pohjia: Template World
Yleistä verkkosivustojen typografiasta
Lue Maritta Inkisen verkko-opetusaineistosta Typografiaakohta Verkkosivujen typografiaa - vastaanottajan ehdoilla.
HTML ja tekstin merkkaus
CSS tekstin muotoilussa
Lisää selektoreista. Selektorien käytön periaatteet.
Testaaminen tyylien kanssa ja ilman.
Selaimet ja niiden väliset erot.
Harjoituksia.