Resetting or Normalizing Default Styles

As mentioned, each browser has a built-in style sheet that dictates the presentation of your HTML unless you write your own CSS to override it. The default browser styles are fairly similar on the whole, but they have enough differences that it’s common for developers to level the playing field before they apply their own CSS.

There are two main ways to level the playing field:

• Begin the main style sheet with a CSS reset, like the Meyer reset created by Eric Meyer (http://meyerweb.com/eric/tools/css/reset/). There are also other reset style sheets available.

• Begin the main style sheet with normalize.css, created by Nicolas Gallagher and Jonathan Neal. Find it at http://necolas.github.com/normalize.css/ ...

Get HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.