Rigel Glen

Normalized CSS vs CSS Reset

Most Designers these days use a CSS reset to root out browser defaults. This can be especially useful when making layouts and also can save you time debugging.

Almost everyone uses either the Eric Meyer Reset or the Yahoo reset. ( Note: You can also use the HTML5 Doctor Reset which adds support for HTML5 Reset while being based on the Eric Meyer Reset ) 

But a Reset doesn’t fix cross-browser inconsistencies, all it does is reset the default styles

Normalize css is a different approach. It :

  • Preserves useful defaults, unlike many CSS resets.
  • Normalizes styles for a wide range of elements.
  • Corrects bugs and common browser inconsistencies.
  • Improves usability with subtle improvements.
  • Explains what code does using detailed comments.

Nicolas Gallagher and Jonathan Neal have researched the differences between default browser styles in order to precisely target only the styles that need normalizing.

Use Normalize and you don’t have to worry about different browsers adding different padding, margin, etc. to your site.