Mis on CSS?

Kaskaadstiililehed (Cascading Style Sheets) — stiilikeel, mida kasutatakse dokumendi kuvamise kirjeldamiseks, kui dokument on kirjutatud märgistuskeeles (HTML, XHTML, SVG, XML).

CSS-i põhifunktsioonid:

Kuvamise eraldamine sisust: võimaldab muuta veebilehe välimust ilma selle struktuuri muutmata.
Elementide stiilimine: juhtida värve, fonte, suurusi, vahemaid, piirdeid ja muid visuaalseid omadusi.
Reageeriva disaini loomine: Media Queries abil saab rakendada erinevaid stiile sõltuvalt kasutaja seadme omadustest (ekraani resolutsioon, orientatsioon jne.).
Animatsioonid ja üleminekud: luua visuaalseid efekte interaktiivsuse ja kasutajakogemuse parandamiseks.
Paigutuse juhtimine: elementide positsioneerimine lehel, kasutades erinevaid tehnikaid (Flexbox, Grid, float jne.).

CSS-i reeglite struktuur:

/* Valija */
h1 {
  /* Deklaratsioonid */
  color: blue; /* Omadus: väärtus; */
  font-size: 24px;
}

CSS-i ühendamise põhiviisid HTML-dokumendiga:

Väline fail (<link>): kõige levinum ja soovitatav viis. Stiilid salvestatakse eraldi .css failis:
```
<link rel="stylesheet" href="styles.css">
```
<style>-sildid: Stiilid määratletakse otse HTML-dokumentis, tavaliselt <head> osas. Sobib väikeste stiilide või kiire testimise jaoks.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Inline stiilid (style-atribuut): Stiilid rakenduvad konkreetsele HTML-elemendile style-atribuutide kaudu. Omab kõrget prioriteeti, kuid raskendab hooldust ja laiendamist.
```
<div style="border: 1px solid black;">
  See on inline stiiliga div.
</div>
```

Kaskaadlus määrab, kuidas brauser rakendab stiile, kui on mitu reeglit, mis konkureerivad ühe elemendi eest. Arvestatakse:

Selektorite prioriteet: spetsiifilisemad selektorid omavad kõrgemat prioriteeti.
Järjekord: hiljem avaldatud reeglid ülekirjutavad varasemad sama prioriteediga reeglid.
Olulisus (!important): reegel !important-ga omab kõrgeimat prioriteeti (kasutada ettevaatusega).
Stiilide allikas: autori stiilid on kõrgema prioriteediga kui kasutaja või brauseri vaikimisi stiilid.