Čo je to CSS Reset?

CSS Reset — je niz pravil CSS, zasnovan na postavljanju ujednačenih osnovnih stilov za vse elemente HTML po privzetem, premošćujuč razlike v standardnih stilih brskalnikov. To pomaga zagotoviti bolj predvidljivo in brskalnikov združljivo prikazovanje spletnih strani.

Glavni cilji CSS Reset:

• Odstraniti ali ponastaviti privzete odseke (margin, padding) in okvirje.
• Ponastaviti privzete velikosti pisav in razmike vrstic za naslove, odstavke itd.
• Enotno oblikovanje seznamov (ul, ol).
• Ponastaviti stile za tabele, obrazce, slike in druge elemente.

Primer osnovnega CSS Reset:

/*
   CSS Reset: ponastavi privzete stile brskalnikov
   za zagotovitev enotnega osnovnega videza elementov.
*/

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* Vključuje padding in border v skupno širino/višino elementa */
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; /* Glajenje pisav */
}

img, picture, video, canvas, svg {
  display: block; /* Odstrani privzeli prostor pod inline slikami */
  max-width: 100%; /* Zagotavlja, da slike ne presegajo vsebnika */
}

input, button, textarea, select {
  font: inherit; /* Deduje pisavo od starševskega elementa */
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; /* Dovoli prelom dolgih besed */
}

Obstajajo različne variante CSS Reset, kot so Reset CSS od Erica Meyera ali Normalize.css. Normalize.css, za razliko od popolnega resetiranja, ohranja uporabne privzete stile in popravi le tiste, ki povzročajo težave s kompatibilnostjo. Izbira je odvisna od projekta in preferenc razvijalca.