juniorCSS
Why use a CSS Reset or Normalize.css?
Updated Apr 28, 2026
Short answer
To reduce browser inconsistencies in default styling of HTML elements.
Deep explanation
Browsers apply their own default styles (user-agent stylesheets) to HTML elements. A reset strips all default styling (margins, paddings, fonts), while normalize.css retains useful defaults but fixes bugs and ensures cross-browser consistency.
Real-world example
Ensuring a heading has the exact same spacing in Chrome, Safari, and Firefox.
Common mistakes
- Using a heavy reset without redefining essential accessibility styles like focus outlines.
Follow-up questions
- What is the difference between Reset and Normalize?