Kas yra CSS?

Kaskadiniai stiliaus lapai (Cascading Style Sheets) — stilių kalba, naudojama dokumento vaizdavimo aprašymui, kai dokumentas parašytas žymėjimo kalba (HTML, XHTML, SVG, XML).

Pagrindinės CSS funkcijos:

Vaizdo atskyrimas nuo turinio: leidžia keisti tinklalapio išvaizdą be struktūros keitimo.
Elementų stilius: valdyti spalvas, šriftus, dydžius, tarpus, rėmelius ir kitus vizualinius savybes.
Reaguojantis dizainas: naudojant Media Queries galima taikyti skirtingus stilius priklausomai nuo naudotojo įrenginio savybių (ekrano raiška, orientacija ir kt.).
Animacijos ir perėjimai: kurti vizualinius efektus interaktyvumui ir naudotojo patirties gerinimui.
Maketo valdymas: elementų pozicionavimas puslapyje naudojant įvairias technikas (Flexbox, Grid, float ir kt.).

CSS taisyklių struktūra:

/* Selektorius */
h1 {
  /* Deklaracijos */
  color: blue; /* Savybė: reikšmė; */
  font-size: 24px;
}

Pagrindiniai būdai prijungti CSS prie HTML dokumento:

Išorinis failas (<link>): dažniausiai naudojamas ir rekomenduojamas būdas. Stiliai saugomi atskirame .css faile:
```
<link rel="stylesheet" href="styles.css">
```
<style> žymos viduje: Stiliai tiesiogiai apibrėžiami HTML dokumente, dažniausiai <head> dalyje. Tinka mažiems stiliams arba greitam testavimui.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Inline stiliai (style atributas): Stiliai taikomi konkrečiam HTML elementui naudojant style atributą. Jie turi aukštą prioritetą, bet apsunkina priežiūrą ir plėtrą.
```
<div style="border: 1px solid black;">
  Tai yra inline stilius su div.
</div>
```

Kaskadumas nustato, kaip naršyklė taiko stilius, kai yra keli taisyklės, kurios prieštarauja viena kitai. Atsižvelgiama į:

Selektorių prioritetą: labiau specifiniai selektoriai turi aukštesnį prioritetą.
Eiliškumą: vėliau paskelbti taisyklės perrašo ankstesnes, jei jų prioritetas vienodas.
Svarbumą (!important): taisyklė su !important turi aukščiausią prioritetą (reikia naudoti atsargiai).
Stilių šaltinį: autoriaus stiliai turi didesnį prioritetą nei naudotojo ar numatytieji naršyklės stiliai.