Čo je 'normalize' v CSS?

normalize.css ali rešitve podobne funkcionalnosti (npr. Reset CSS) se uporabljajo za ponastavitev ali normalizacijo privzetih stilov, ki se razlikujejo med brskalniki. To zagotavlja bolj predvidljivo in enotno prikazovanje elementov na različnih platformah.

Glavne razlike med normalize.css in Reset CSS:

• Reset CSS: Ponastavi stile vseh elementov na minimum (npr. odstrani odstavke, okvirje in tipografijo). Uporabno je za ustvarjanje popolnoma prilagojene zasnove, vendar zahteva ročno dodajanje številnih stilov za standardne elemente (seznami, obrazci itd.).
• normalize.css: Popravi razlike v privzetih stilih, hkrati pa ohrani uporabne standardne stile (npr. tipografijo za naslove, odstavke za sezname). To zmanjša potrebo po kasnejšem prepisovanju.

Primeri normalizacije:

• Enotna predstavitev <h1>-<h6> v različnih brskalnikih.
• Ponastavitev margin in padding za elemente, kot je body.
• Popravljanje razlik pri prikazu obrazcev in gumbov.

/* Primer iz normalize.css za body */
body {
  margin: 0; /* Odstrani privzeti odmik */
}

/* Primer iz normalize.css za h1 */
h1 {
  font-size: 2em; /* Nastavi standardno velikost */
  margin: 0.67em 0; /* Nastavi standardne odmore */
}

Na kratko, uporaba normalize.css pomaga preprečiti težave s kompatibilnostjo med brskalniki v zgodnjih fazah razvoja in ustvari bolj stabilno osnovo za nadaljnje oblikovanje.