CSStyylejä

CSStyylejä ovat Cascading Style Sheets (CSS), kieli verkkosivujen ulkoasun määrittämiseen. CSS mahdollistaa sisällön ja esityksen erottamisen, jolloin sama HTML-merkkaus voidaan esittää eri teemoilla tai responsiivisesti eri laitteilla.

Historianäkökulmasta CSS kehitettiin 1990-luvulla, ja CSS1 julkaistiin vuonna 1996 sekä CSS2 vuonna 1998. Nykyisin CSS on modulaarinen ja kehittyy osa-alueittain CSS3-moduuleina, ja tulevia CSS4-moduuleja on suunnitteilla. CSS koostuu erilaisista moduuleista, kuten selektorit, laattamalli (box model), värit sekä typografia, sekä käyttöliittymä- ja layout-moduulit.

CSS-säännöt koostuvat valitsimista ja määräyssarjoista (declarations). Valitsimet kohdistavat säännöt HTML-elementteihin; määräykset määrittelevät ominaisuuden ja arvon, kuten värin, fontin tai marginaalit. Säännöt tallennetaan tyylitiedostoon, yleensä .css-tiedostoon, ja ne liitetään HTML-dokumenttiin linkillä tai sisäisesti sekä inline-tyylillä.

Kaskadi ja spesifisyys määrittävät, mitkä säännöt lopulta sovelletaan. Kaskadi huomioi tyylien perimisen sekä inline-, internal- ja external-tyylit, mikä vaikuttaa siihen, kuinka konfliktit ratkaistaan. Spesifisyyden hallinta on keskeinen osa CSS-kehitystä.

Yleisimmät layout-tekniikat ovat Flexbox ja CSS Grid, jotka helpottavat responsiivista asettelua. Media queryt mahdollistavat tyylien sovittamisen eri näyttökoon mukaan, jolloin sivut pysyvät käytettävinä sekä puhelinkäytössä että suuremmilla näytöillä.

Työkalut ja ekosysteemi sisältävät CSS-variablit (custom properties) teemojen hallintaan sekä esiprosessorit kuten Sass ja Less sekä kehyksiä kuten Bootstrap, jotka laajentavat CSS:n tehokkuutta. Haasteita ovat spesifisyysongelmat, ylläpidettävyys sekä suorituskykyyn liittyvät seikat.