This is certainly one thing a web designer can’t live without, it has been here for years and many developers have even built their own customized reset stylesheets. Though don’t be surprised, there are developers who still haven’t heard of this technique or haven’t found a use for it.
The most common issues we’ve been facing from the start were cross-browser design inconsistencies and that’s because each browser has a default style for all HTML elements.
The usual differences from a browser to another is the different padding, margin or size of some HTML elements (i.e. heading elements, line-height, lists etc), but here’s where we kick in, by resetting the default styles and give all elements our own default values, guiding browsers to display our designs precisely the way we want.
It’s no use to reinvent the wheel here by brainstorming a good reset stylesheet, a lot of contributors out there have already made available to us some great solutions.
The most common and most used reset stylesheets are used from Eric Meyer’s solution, you can view it here, and another one would be from Yahoo’s YUI Reset CSS.
Be aware, once you use one of the above reset stylesheets, you have to either modify them to suit your project’s needs or overwrite them with another stylesheet where you start styling all that’s elementary for your project.
For example, once you use one of the above, all headings have the same font-size, all elements have their margin and padding reduced to 0px, background is set to #FFFFFF (white) and so on.
If you haven’t played with a reset stylesheet until now, then all I can suggest is for you to start playing with it until you get a better understanding of its effectiveness and you’ll also realize that over 90% of your browser inconsistencies will go away