Šta je CSS?

Kaskadne stilove (Cascading Style Sheets) — jezik stilova koji se koristi za opisivanje prikaza dokumenta napisanog na jeziku oznaka (HTML, XHTML, SVG, XML).

Osnovne funkcije CSS:

Odvajanje prikaza od sadržaja: Omogućava promenu izgleda veb stranice bez izmena u njenoj strukturi.
Stilizacija elemenata: Upravljanje bojama, fontovima, veličinama, razmacima, granicama i drugim vizuelnim svojstvima elemenata.
Kreiranje adaptivnog dizajna: Pomoću medija upita (Media Queries) može se primenjivati različiti stilovi u zavisnosti od karakteristika uređaja korisnika (rezolucija ekrana, orijentacija itd.).
Animacije i prelazi: Kreiranje vizuelnih efekata za interaktivnost i poboljšanje korisničkog iskustva.
Upravljanje rasporedom: Pozicioniranje elemenata na stranici korišćenjem različitih tehnika (Flexbox, Grid, floats itd.).

Struktura pravila CSS:

/* Selektor */
h1 {
  /* Deklaracije */
  color: blue; /* Svojstvo: vrednost; */
  font-size: 24px;
}

Osnovni načini povezivanja CSS sa HTML dokumentom:

Spoljni fajl (<link>): Najčešći i preporučeni način. Stilovi se čuvaju u posebnom .css fajlu.
```
<link rel="stylesheet" href="styles.css">
```
Unutar <style> taga: Stilovi se direktno definišu u HTML dokumentu, obično u odeljku <head>. Pogodno za manje stilove ili brzo testiranje.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Inline stilovi (style atribut): Stilovi se primenjuju na konkretan HTML element putem atributa style. Ima visok prioritet, ali otežava održavanje i skaliranje.
```
<div style="border: 1px solid black;">
  Ovo je div sa inline stilom.
</div>
```

Kaskadnost određuje kako pregledač primenjuje stilove kada postoji više pravila koja se takmiče za jedan element. U obzir se uzimaju:

Prioritet selektora: Specifičniji selektori imaju viši prioritet.
Redosled pravila: Pravila koja su deklarisana kasnije, preklapaju ranija pravila sa istim prioritetom.
Važnost (!important): Deklaracija sa !important ima najviši prioritet (treba je koristiti oprezno).
Izvor stilova: Stilovi autora imaju veći prioritet od stilova korisnika ili podrazumevanih stilova pregledača.