Was ist 'reset' CSS?

'Reset'-CSS ist ein Stylesheet, das die Standardstile des Browsers für HTML-Elemente zurücksetzt. Browser verwenden Standardstile (z.B. Margen, Schriftgrößen, Rahmenstärken), die variieren können. Reset CSS macht diese Stile einheitlich, erleichtert die Entwicklung und sorgt für Cross-Browser-Kompatibilität.

Hauptaufgaben von Reset CSS:

• Entfernen der Standard-Margen und -Abstände
• Zurücksetzen der Überschriftenstile
• Normalisieren der Listenstile
• Zurücksetzen der Formularfeldstile
• Setzen von box-sizing: border-box;, was in modernen Resets häufig enthalten ist, um die Größenberechnung zu vereinfachen.

Beispiel für einen einfachen Reset CSS-Abschnitt:

/* Standard-Margen und -Abstände zurücksetzen */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Standard-Listenstile entfernen */
ul, ol {
  list-style: none;
}

Es gibt verschiedene Implementierungen von Reset CSS, z.B. Eric Meyer's CSS Reset, Normalize.css (das technisch gesehen kein Reset ist, sondern ein "Normalisierer", der nützliche Standardstile beibehält, aber vereinheitlicht) oder minimalistische Lösungen.