Cos'è il 'reset' CSS?

Il CSS di 'Reset' è un insieme di stili che azzera gli stili predefiniti del browser per gli elementi HTML. I browser applicano stili di default (ad esempio margini, dimensioni dei caratteri, spessore delle bordature), che possono variare. Il CSS di Reset rende questi stili uniformi, facilitando lo sviluppo e garantendo la compatibilità tra browser.

Le principali funzioni del CSS di Reset:

• Rimuovere margini e padding di default
• Resettare gli stili degli intestazioni
• Normalizzare gli stili delle liste
• Resettare gli stili dei campi dei moduli
• Impostare box-sizing: border-box;, spesso incluso nei reset moderni per semplificare il calcolo delle dimensioni degli elementi.

Esempio di un semplice frammento di CSS di Reset:

/* Resetta margini e padding di default */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Rimuove gli stili di default delle liste */
ul, ol {
  list-style: none;
}

Esistono diverse implementazioni di reset CSS, come il Reset CSS di Eric Meyer, Normalize.css (che tecnicamente non è un reset, ma un "normalizzatore" che mantiene gli stili utili e li uniforma) o soluzioni più minimaliste.