CSS-Reset und Normalize sind zwei Strategien, die Unterschiede zwischen den Browser-Standardstilen auszugleichen, bevor die eigene Gestaltung beginnt.
- CSS-Reset / Normalize
Regelsätze am Anfang eines Stylesheets, die die Browser-Standardstile entweder abräumen oder angleichen.
Beispiel: „Ein CSS-Reset steht vor allen eigenen Regeln.“
Der Unterschied
Ein Reset setzt Abstände und Schriftgrößen auf null und beginnt bei einer leeren Fläche. Normalize lässt die sinnvollen Vorgaben stehen und gleicht nur aus, wo die Browser auseinanderlaufen. Der Reset gibt mehr Kontrolle, Normalize weniger Arbeit.
Was heute üblich ist
Die Browser liegen inzwischen dicht beieinander, deshalb reicht meist ein kurzer eigener Block: box-sizing: border-box für alle Elemente, Abstände von Überschriften und Absätzen vereinheitlichen, Bilder auf max-width: 100% setzen, Formularelemente die Schrift erben lassen.
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; height: auto; }
input, button, select, textarea { font: inherit; }