CSSsääntö

CSS-sääntö on CSS-tyylitaulun perusyksikkö, joka määrittää, miltä HTML-elementit näyttävät. Sääntö koostuu kahdesta osasta: valitsijasta ja julistuslohkon sisällöstä. Valitsija osoittaa ne elementit, joihin sääntö sovelletaan, kun taas julistuslohko sisältää yksittäiset julistukset, joissa on ominaisuus ja sen arvo.

Julistuslohkon julistukset kirjoitetaan muotoon ominaisuus: arvo; ja niitä voi olla useita peräkkäin. Esimerkki: p { color: red; font-size: 16px; } Tämä määrittää kaikille kappaleille, että niiden tekstin väri on punainen ja fontin koko on 16 pikseliä.

CSS-säännöt voivat valita elementtejä monin tavoin: elementtivalitsimilla, luokkavalitsimilla, id-valitsimilla sekä näiden yhdistelmillä. Sivun tyyli ratkaistaan kaskadiluennan kautta: jos useampi sääntö vastaa samoja elementtejä, tarkka valitsija sekä sen asemointi määrittävät lopullisen ulkonäön. Yleensä tarkemmat valitsijat voittavat, ja epäyhtenevässä tilanteessa myöhemmin määritellyt säännöt voivat korvata aikaisemmat. Tärkeä tekijä on spesifisyys.

Tyylisääntöjä voidaan käyttää ulkoisessa tyylitiedostossa (*.css), sisäisesti HTML-dokumentissa olevan tyylilauseen sisällä tai inline-tyylinä kunkin elementin kohdalla. CSS-sääntöjen tarkoituksena on erottella sisältö ja esitys sekä mahdollistaa responsiivinen, ylläpidettävä ja uudelleenkäytettävä suunnittelu.