CSS-opas

CSS-TYYLEIHIN LIITTYVÄÄ KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi heti! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

CSS-kielen perusteet: syntaksi ja arvot

Yleisesti

CSS-kielen rakenteen voi tiivistetysti kuvata mm. seuraavasti:

tarkkaan määritelty syntaksi (joka voidaan kuvata 6 rivillä, katso tämän sivun puoliväli )
noin 120 erilaista ominaisuutta - tutustu: CSS:n näytöllä käytettävät ominaisuudet, CSS:n Aural ominaisuudet
13 eri mittayksikkö- tutustu: CSS:n käyttämät mittayksiköt
noin 30 erilaista valitsintyyppiä - tutustu: CSS:n valitsimet ja pseudovalitsimet
Laatikkomalli (joka määrittää jokaisen elementin esitystavan) - tutustu: CSS:n laatikkomalli
10 tuettua mediatyyppiä - tutustu: CSS ja mediatyypit
Ominaisuuksien periytyminen - tutustu: CSS ja ominaisuuksien periytyminen

Syntaksi

Kaikilla CSS-määrittelyillä on yksi yhteinen perussyntaksi eli nk. sääntö

/* kommentti */
   @sääntö {
      valitsin {
          ominaisuus: arvo; 
      } 
    }

Yllä olevassa syntaksikuvauksessa "CSS-kommentti" ja nk. @-sääntö ovat optionaalisia (ei-pakollisia) osioita, joita käytetään hyvin satunnaisesti / tarpeen mukaan.

Myöskään valitsin esittelylohko (ja sen sisällä oleva ominaisuus-arvo parivaljakko eli nk. määrittelylohko) eivät ole pakollisia. Koska ne kuitenkin määrittävät elementtiin / elementteihin liitettävän CSS-tyylin, löytyvät ne lähestulkoon jokaisesta CSS-tyylimäärittelystä.

Termi "esittelylohko" viittaa aloittavan ja lopettavan aaltosulkeen välissä olevaan alueeseen. Esim. yo. syntaksikuvauksessa on kaksi (sisäkkäistä) esittelylohkoa.

Kaikki CSS:n sisäiset ominaisuudet ja mittayksiköt ovat kirjasinkoosta riippumattomia. Tyylikohtaisten elementtivalitsinten kohdalla CSS on "case-sensitive" XML-dokumenttien kohdalla, sen sijaan HTML / XHTML-dokumenttien kohdalla elementtivalitsinten kirjasinkoolla ei ole merkitystä. Myöskään välilyönneillä, rivinvaihdoilla tms. tyhjällä tilalla ei ole merkitystä.

Kuten useimmat ohjelmointi- ja tyylikelet, CSS sisältää nk. varattuja / tunnistettuja avainsanoja, jotka on varattu CSS:n sisäiseen käyttöön. Varatut tunnisteet / avainsanat tunnistaa siitä, että niitä käytetään AINA ilman lainausmerkkejä. Varattuja tunnisteita ovat ominaisuuksien nimet (esim. font-family, color), mittayksiköt (esim. %, px), määrätyt erotinmerkit (esim ",", ":") ja tietyt erikoismerkit (esim."@", "/*")

HTML / XHTML -dokumentissa käytettävä CSS-tyylimäärittely sisältää yleensä kymmeniä yo. syntaksia noudattavia sääntöjä.

Tutustu artikkelin muihin osiin:
»»» CSS »»»CSS-kielen perussyntaksi
»»» CSS »»»Valitsin esittelylohko
»»» CSS »»»Ominaisuudet ja arvot
»»» CSS »»»Kommentit
»»» CSS »»»@säännöt

CSS-opas

CSS-kielen perusteet: syntaksi ja arvot

Yleisesti

Syntaksi

Tallenna tämä sivu kirjanmerkkeihin!