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 kohta Verkkosivujen typografiaa - vastaanottajan ehdoilla.
Tekstin muotoilu HTML:ssä
- otsikot
- rivinvaihdot ja niiden estäminen
- kappalejaot
- tekstin korostaminen
http://cc.joensuu.fi/~marttila/html/teksti.html
CSS tekstin muotoilussa
Lisää selektoreista
Selektorien käytön periaatteet.
Testaaminen tyylien kanssa ja ilman
Selaimet ja niiden väliset erot
...