Ce este 'reset' CSS?

CSS-ul 'Reset' este un set de stiluri care resetează stilurile implicite ale browserului pentru elementele HTML. Browserele aplică stiluri implicite (de exemplu, marginile, dimensiunile fonturilor, grosimea marginilor), care pot varia. Reset CSS face aceste stiluri uniforme, facilitând dezvoltarea și asigurând compatibilitatea între browsere.

Principalele sarcini ale reset CSS:

• Eliminarea marginilor și padding-urilor implicite
• Resetarea stilurilor titlurilor
• Normalizarea stilurilor listelor
• Resetarea stilurilor câmpurilor de formular
• Setarea box-sizing: border-box;, adesea inclus în reseturi moderne pentru a simplifica calculul dimensiunilor elementelor.

Exemplu de fragment simplu de reset CSS:

/* Resetarea marginilor și padding-urilor implicite */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Eliminarea stilurilor implicite ale listelor */
ul, ol {
  list-style: none;
}

Există diverse implementări de reset CSS, precum Reset CSS de Eric Meyer, Normalize.css (care nu este tehnic un reset, ci un "normalizator" care păstrează stilurile utile și le uniformizează) sau soluții mai minimaliste.