CSStiedosto

CSStiedosto, yleisemmin CSS-tiedosto, on tekstitiedosto, joka sisältää Cascading Style Sheets -kieltä käyttävää sääntöjä. Sääntöihin määritellään, miten HTML-dokumentin elementit näytetään: väriä, kokoa, sijoittelua ja muita visuaalisia ominaisuuksia. Tiedostopääte on yleensä .css, ja tiedosto liitetään HTML-dokumenttiin link-elementillä, esimerkiksi: <link rel="stylesheet" href="styles.css">.

CSS-säännöt koostuvat selektorista ja deklaraatioista, esimerkiksi: body { background-color: #ffffff; color: #333; }. Selektorin kohteena voi olla elementti, luokka tai id, ja saman sääntöjoukon sisällä voi olla useita deklaraatioita.

CSS noudattaa cascade- ja periytymislakeja: tummat ja spesifisemmät säännöt voivat korvata vähemmän spesifisiä, ja lopulta ratkaisee lähdekirje ja määräysten järjestys. Media queries mahdollistavat responsiivisen suunnittelun, esimerkiksi @media (max-width: 600px) { ... }.

Tiedostoa voidaan järjestellä monin tavoin: yleisesti käytetään ulkoista CSS-tiedostoa, joka jaetaan useisiin tiedostoihin ja/tai yhdistetään osana sivun sisäisiä tyylejä. Kommentit CSS-koodissa aloitetaan /* ... */. Ylläpidossa käytetään usein nimeämiskäytäntöjä, kuten BEM, sekä mahdollisesti esiprosessoreita (Sass, Less), joiden tuotoksena syntyy lopulta .css-tiedosto.

Selaimet lataavat CSS-tiedoston verkkosivun latautuessa, ja oikeanlainen CSS parantaa saavutettavuutta ja käyttökokemusta. Turvallisuusnäkökulmasta CSS on rajallinen, mutta dynaaminen tai käyttäjän syötteen kautta tuleva CSS voi vaatia syötteen validointia.