This has been a topic of debate for a long time now. Some popular frameworks and libraries favor reset.css
, like Compass does, while others favor normalize.css
, such as Twitter Bootstrap, ZURB Foundation, and HTML5 Boilerplate. I myself prefer normalize.css
. As I mentioned in Chapter 3, Compass – Navigating with Compass, I simply find reset.css
to be overly aggressive and (perhaps) lazy in its approach. However, normalize.css
is not perfect either. Let me start by explaining the differences.
reset.css
was created by Eric Meyer in 2008. It removes all browser styles across the board. All margins, padding, and borders are set to 0. Font-sizes are set to 100% and line-heights are set to 1. Blockquote, pre, code, KBD, and table styles are also removed. This means everything looks exactly the same. Everything just looks like normal 16px text. From headings to sub, sup, blockquotes, and anything else are all the same size and you are expected to re-style...