CSS
Wikipedia
CSS (Cascading Style Sheets) eli kaskadiset tyyliohjeet (vakiintumaton suomennos) on erityisesti WWW-dokumenteille kehitetty tyyliohjeiden laji. CSS on nimenomaan kaskadinen tyyliohjejärjestelmä, eli dokumentille voi määritellä useita tyyliohjeita, jotka yhdistetään tietyllä tavalla yhdeksi säännöstöksi.
Sisällysluettelo |
[muokkaa] CSS-kielet
Varsinaisia kaskadisia tyylikieliä ovat mm. CSS1 ja sen seuraaja CSS2. World Wide Web Consortium (W3C) ylläpitää CSS-kielien määritelmiä. Kehitteillä on sarjan kolmosversio, CSS3. Sitä odotellessa työn alla on myös CSS2:n päivitysversio CSS21. Kaikista versioista käytetään usein lyhyesti nimitystä CSS.
CSS:llä annetut säännöt ehdottavat kuinka dokumentti voidaan esittää. Säännöt eivät siis ole ehdottomia, vaan ne voi halutessaan jättää noudattamatta. Kaskadisesta luonteesta seuraa myös, että jotkin säännöt saattavat korvautua toisten tyyliohjeiden vastaavilla säännöillä. Esimerkiksi dokumentissa annetut ohjeet ovat yleensä toissijaisia dokumentin vastaanottajan ohjeisiin verrattuna.
CSS:llä voidaan kuvata monipuolisesti sekä nähtävää että kuultavaa esitystapaa. Äänisyntetisaattoreita varten on määritelty mm. äänen korkeutta, painotusta ja äänenväriä sääteleviä ominaisuuksia. Visuaalisen esitystavan perusta on ns. laatikkomalli (box-model). Jokainen dokumentin elementti käsitetään mallissa laatikoksi, joka sijoitetaan ympäröivän elementin laatikon sisään muiden saman tason elementtien vierelle. Kullakin elementillä on neljä sisäkkäistä laatikkoa, joista uloin on marginaali; sen sisällä on reunus, joka rajoittuu sisäpuolelta sisältöä ympäröivään täytteeseen. Sisältölaatikossa on kuvattavan elementin sisältö.
CSS:ää käytetään luonnollisesti (X)HTML:n kanssa, mutta se sopii yhtä lailla muidenkin rakenteisten dokumenttien (esim. XML, MathML) tyyliohjeeksi.
[muokkaa] Selainten tuki
Valtaosa nykyisin käytettävistä selaimista tukee CSS2-standardia vain rajallisesti. Esimerkiksi standardin tulostusmääritysten tuki on selainten keskuudessa erittäin huono. Yksi selaimen CSS-tuen mittari on Acid2 testi, jonka toistaiseksi ovat läpäisseet vain neljä selainta, joiden käyttäjäjoukko on vain vähäinen osa internetin käyttäjistä.
[muokkaa] CSS:n perussyntaksi
CSS:n perussyntaksi muodostuu valitsimesta, ominaisuudesta ja arvosta.
Valitsin { Ominaisuus: Arvo; }
Kaikki ominaisuudet ja arvot tulevat aaltosulkujen {} sisään. Useita ominaisuuksia ja arvoja voi laittaa valitsimeen peräkkäin erottelemalla ne puolipisteellä ;
[muokkaa] Esimerkki CSS-määrittelystä
/* Leipätekstin fontin määritys ja tasaus */ p { font: 11px 'Trebuchet MS', Verdana, Arial, Sans-serif; color: #9e9e9e; text-align: justify; } /* Linkit lihavoidaan, mutta ei alleviivata */ a { text-decoration: none; font-weight: bold; } /* Kursorin alla olevan linkin tausta mustaksi ja teksti valkoiseksi 24-bittisellä heksakoodilla määritettyinä */ a:hover { color: #ffffff; background-color: #000000; }
[muokkaa] Katso myös
[muokkaa] Aiheesta muualla
- W3C:n CSS-sivu
- Suomenkielisen CSS1-tason referenssin ominaisuudet
- colors.tobani.com: online CSS generator for aesthetic color combinations (engl.)