Kas ir CSS?

Kaskadējošās stilu lapas (Cascading Style Sheets) — stilu valodas, kas tiek izmantots dokumenta attēlojuma aprakstam, ja dokuments ir rakstīts marķēšanas valodā (HTML, XHTML, SVG, XML).

Galvenās CSS funkcijas:

Attēlojuma atdalīšana no satura: ļauj mainīt tīmekļa lapas izskatu bez tās struktūras izmaiņām.
Elementu stilizācija: pārvaldīt krāsas, fontus, izmērus, atstarpes, robežas un citas vizuālās īpašības.
Reaģējošā dizaina izveide: ar Media Queries palīdzību var piemērot dažādus stilus atkarībā no lietotāja ierīces raksturlielumiem (ekrāna izšķirtspēja, orientācija utt.).
Animācijas un pārejas: radīt vizuālos efektus interaktivitātei un uzlabošanai lietotāja pieredzi.
Izkārtojuma pārvaldība: elementu pozicionēšana lapā, izmantojot dažādas tehnikas (Flexbox, Grid, float utt.).

CSS noteikumu struktūra:

/* Selektors */
h1 {
  /* Deklarācijas */
  color: blue; /* Īpašība: vērtība; */
  font-size: 24px;
}

Galvenie veidi, kā pieslēgt CSS HTML dokumentam:

Ārējā fails (<link>): visbiežāk izmantotais un ieteicamais veids. Stili tiek glabāti atsevišķā .css failā:
```
<link rel="stylesheet" href="styles.css">
```
<style> tagā: Stili tieši definēti HTML dokumentā, parasti <head> daļā. Piemērots mazākiem stiliem vai ātrai testēšanai.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Inline stili (style atribūts): Stili tiek piemēroti konkrētam HTML elementam, izmantojot style atribūtu. Tie ir ar augstāku prioritāti, bet sarežģī uzturēšanu un paplašināšanu.
```
<div style="border: 1px solid black;">
  Tas ir inline stils ar div.
</div>
```

Kaskādiskums nosaka, kā pārlūkprogramma piemēros stilus, ja ir vairāki noteikumi, kas konfliktē par vienu elementu. Ņem vērā:

Selektoru prioritāte: specifiskāki selektori ir ar augstāku prioritāti.
Secība: vēlāk deklarētie noteikumi pārklāj agrākos ar vienādu prioritāti.
Svarīgums (!important): noteikums ar !important ir ar augstāko prioritāti (jālieto uzmanīgi).
Stilu avots: autora stili ir ar lielāku prioritāti nekā lietotāja vai noklusējuma stiliem pārlūkā.