CSSsääntöihin

CSS-sääntöihin viitataan yleisesti CSS-tiedostojen tai sivun sisäisten tyylien järjestelmänä. CSS (Cascading Style Sheets) määrittelee, miten HTML-elementit esitetään visuaalisesti, esimerkiksi värit, fontit ja rivin korkeus.

Jokainen sääntö koostuu valitsimesta ja deklaraatio-osasta. Valitsin kertoo, mitkä elementit kuuluvat sääntöön, esimerkiksi p, .luokka tai #tunnus. Deklaraatio-osassa määritellään ominaisuudet ja niiden arvot. Esimerkki: color: blue; font-size: 16px;

Sääntöjä voidaan yhdistellä, ryhmitellä ja sijoittaa useisiin tiedostoihin. Useat säännöt voivat koskea samaa elementtiä, ja lopullinen ulkoasu määräytyy Cascadingin mukaan: spesifisyys ja lähdekoodin järjestys vaikuttavat siihen, mitkä arvot lopulta sovelletaan. Inline-tyylit ovat yleensä vahvempia kuin tyylit tiedostoissa; ID-valitsimet ovat vahvempia kuin luokat, ja niin edelleen.

Ominaisuudet voivat olla periytyviä tai ei-periytyviä. Esimerkiksi color periytyy usein vanhemmalta elementiltä, kun taas margin ja border eivät välttämättä periydy. Hyödyllisiä ominaisuuksia ovat esimerkiksi shorthand-määritykset kuten margin- ja padding-ryhmät sekä erilliset ominaisuudet kuten background, border ja font.

CSS-sääntöjen hallinta vaatii validointia ja testausta eri selaimilla. Selainten yhteensopivuus sekä mahdolliset prefiksit on huomioitava, jotta ulkoasu säilyy mahdollisimman tasaisena eri alustoilla.