...
(Lainaus: Vuokko Nurmesniemi: http://myy.helia.fi/~vanvu/html/tyylisivut.html)
CSS on muotoa:
No Format |
---|
elementtiselektori { ominaisuus: ominaisuuden_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; } |
...
Määrittelyiden vaikutus html-sivuun:
Jos ulkoasun määrittely on tehty eri kahdella tai useammalla tavalla, ne vaikuttavat ulkoasuun tässä järjestyksessä:
1. Ensisijaisesti huomioidaan yksittäisen html-elementin tyyli (kohta 1)
2. Toiseksi HEAD-lohkossa määritetty tyyli (kohta 2)
3. Kolmanneksi ulkoisessa tyylitiedostossa määritelty tyyli (kohta 3)
CSS-tiedoston perusrakenne
No Format |
---|
selektori {
ominaisuus: arvo;
ominaisuus: arvo;
}
|
...
...
{ominaisuus:arvo} kokonaisuutta kutsutaab deklaraatioksi
Tärkeimmät selektorit
Selektori on css:llä määriteltävä kohde. Selektoreiden avulla deklaraatiot yhdistetään deklaraatiot kohteisiinsa html-dokumentissa sijaitseviin kohteisiin.
Yleistietoa selektoreista: http://www.w3.org/TR/CSS2/selector.html
...