Šta je 'normalize' u CSS?

normalize.css ili rešenja slična funkcionalnosti (npr. Reset CSS) koriste se za resetovanje ili normalizaciju podrazumevanih stilova, koji se razlikuju između pregledača. To obezbeđuje predvidljivije i ujednačenije prikazivanje elemenata na različitim platformama.

Glavne razlike između normalize.css i Reset CSS:

• Reset CSS: Resetuje stilove svih elemenata na minimum (npr. uklanja margine, okvire i tipografiju). Korisno je za kreiranje potpuno prilagođenog dizajna, ali zahteva ručno dodavanje mnogih stilova za standardne elemente (liste, forme itd.).
• normalize.css: Ispravlja razlike u podrazumevanim stilovima, istovremeno čuvajući korisne standardne stilove (npr. tipografiju za naslove, margine za liste). To minimizira potrebu za naknadnim prepisivanjem.

Primeri normalizacije:

• Ujednačen prikaz <h1>-<h6> na različitim pregledačima.
• Resetovanje margin i padding za elemente poput body.
• Ispravljanje razlika u prikazu formi i dugmadi.

/* Primer iz normalize.css za body */
body {
  margin: 0; /* Uklanja podrazumevani margine */
}

/* Primer iz normalize.css za h1 */
h1 {
  font-size: 2em; /* Postavlja standardnu veličinu */
  margin: 0.67em 0; /* Postavlja standardne margine */
}

Ukratko, korišćenje normalize.css pomaže da se izbegnu problemi sa kompatibilnošću između pregledača u ranim fazama razvoja i stvara stabilniju osnovu za dalju stilizaciju.