Mis on 'normalize' CSS-is?

normalize.css või sarnased funktsionaalsed lahendused (näiteks Reset CSS) kasutatakse selleks, et lähtestada või normaliseerida vaikimisi stiile, mis erinevad brauserite vahel. See tagab elementide parema prognoositavuse ja ühtlasema kuvamise erinevatel platvormidel.

Peamised erinevused normalize.css ja Reset CSS vahel:

• Reset CSS: Lähtestab kõigi elementide stiilid miinimumini (näiteks eemaldab vahed, raamid ja tipograafia). Kasulik täiesti kohandatud disaini loomisel, kuid nõuab käsitsi palju stiile standardsete elementide jaoks (loendid, vormid jne).
• normalize.css: Parandab erinevusi vaikimisi stiilides, säilitades samal ajal kasulikud standardstiilid (näiteks tipograafia pealkirjadele, vahed loendites). See vähendab vajadust neid hiljem üle kirjutada.

Normaliseerimise näited:

• <h1>-<h6> elementide ühtne kuvamine erinevates brauserites.
• body ja sarnaste elementide marginaalide ja paddingute lähtestamine.
• Parandab erinevusi vormide ja nuppude kuvamisel.

/* normalize.css näide body jaoks */
body {
  margin: 0; /* Eemaldab vaikimisi vahemaa */
}

/* normalize.css näide h1 jaoks */
h1 {
  font-size: 2em; /* Seadistab standardmõõdu */
  margin: 0.67em 0; /* Seadistab standardmarginaalid */
}

Kokkuvõttes aitab normalize.css kasutamine vältida brauseritevahelisi ühilduvusprobleeme arenduse algfaasis ning loob stabiilsema aluse edasiseks stiilimiseks.