Kas ir 'normalize' CSS?

normalize.css vai līdzīgas funkcionalitātes risinājumi (piemēram, Reset CSS) tiek izmantoti, lai atiestatītu vai normalizētu noklusējuma stilus, kas atšķiras starp pārlūkprogrammām. Tas nodrošina paredzamāku un vienmērīgāku elementu attēlojumu dažādās platformās.

Galvenās atšķirības starp normalize.css un Reset CSS:

• Reset CSS: Atiestata visu elementu stilus līdz minimumam (piemēram, noņem atstarpes, rāmjus un tipogrāfiju). Tas ir noderīgi, veidojot pilnīgi pielāgotu dizainu, bet prasa manuāli pievienot daudz stilus standarta elementiem (sarakstiem, formām utt.).
• normalize.css: Labot atšķirības noklusējuma stilos, vienlaikus saglabājot noderīgus standarta stilus (piemēram, tipogrāfiju virsrakstiem, atstarpes sarakstos). Tas samazina nepieciešamību tos vēlāk pārdefinēt.

Normalizācijas piemēri:

• Vienota <h1>-<h6> elementu attēlošana dažādos pārlūkprogrammās.
• Atiestatīt margin un padding elementiem, piemēram, body.
• Labot atšķirības formu un pogu attēlojumā.

/* normalize.css piemērs body */
body {
  margin: 0; /* Noņem noklusējuma atstarpi */
}

/* normalize.css piemērs h1 */
h1 {
  font-size: 2em; /* Iestata standarta izmēru */
  margin: 0.67em 0; /* Iestata standarta atstarpes */
}

Kopsavilkumā, normalize.css izmantošana palīdz izvairīties no pārlūkprogrammu saderības problēmām sākotnējās izstrādes posmos un rada stabilāku pamatu turpmākai stilizācijai.