I use Eric Meyer's CSS reset ^[1], as do many other people. It's even the reset script that Blueprint CSS ^[2] uses. Yahoo also has one, Reset CSS ^[3]. I myself am a fan of Blueprint. There's not much of a difference between these kits, because they all do pretty much the same thing: apply standard rules to elements, and eliminate cross-browser inconsistencies.

Well there are two popular ones:

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

http://developer.yahoo.com/yui/reset/

I personal use YUI's version, but I've seen both used quite frequently.

Thanks to @ssokolow for providing an updated link to Eric Meyer's reset script:

http://meyerweb.com/eric/tools/css/reset/

I've removed the copy and paste of the old script.

You can compare many of CSS resets in { CSS:resetr } site: http://cssresetr.com/ and you can also use normalize CSS ^[1] which will render all element consistently in all browser.

Eric Meyer's is good, but I'd probably go with the superset ^[1] of it provided by HTML5 Boilerplate ^[2]. (Update: The link now points to an old revision. HTML5 Boilerplate now uses normalize.css ^[3])

It's the only one I've seen which does more than just setting vertical-align to make display of input fields consistent. (In my experience, anything QtWebKit-based is likely to misinterpret the dimensions, positioning, font settings, etc. for native-themed widgets embedded in rendered pages)

I like this one ^[1], it's four lines long:

* {
    padding:0;
    margin:0;
}

Actually Eric Meyer's reset reloaded is his older copy. Go through the top toolbar and click "Toolbox" then find "CSS" and click that. The link should be http://meyerweb.com/eric/tools/css/reset/index.html

I've used Yahoo's Base CSS sheet but I've stuck with Meyer's reset sheet.

The most important thing about a CSS reset is that it helps you getting your work done easier - therefor you should most probably build your own out of the inspiration you might be getting from already existing and out of your own conclusions about what a CSS reset should do.

My personal CSS reset is a bit different from for example Eric Mayer - but it suits me and makes me more productive which is exactly what it's supposed to do.

The consensus, I think, is Eric Meyer's Reset stylesheet ^[1]. That's what I use.

Alternatively, you could create your own that resets only the basics.

I've been very happy with yahoo reset for multiple project. I also use yahoo grids and fonts.

My friends who try and use other products (blueprint etc) eventually find surprises and end up changing over to yahoo's package and being more happy.

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

This is Eric Mayer's Reset(Compressed Version).. 'Blue Print' is alright, But while you are using BP, Disable the browser default style with Web Developer tool bar, It shows some different, but not in Eric Mayer's Reset Kit. :)

The best CSS reset is one that isn't used on any site I have to work with. I don't appreciate being forced to use a bunch of CSS hacks and inline styles, all because someone thought having an easier job was more important than making the site scalable and maintainable for the future. I've spent too many hours reworking code from agencies who never considered the havoc global resets might wreak when implemented in a content management system.

I use the reset included in Bootstrap ^[1] (Twitter's CSS framework):

http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css

html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}

And I add: a:focus,input,textarea,select{outline:0;}

use CSSesta Reset

In my humble OP:

• Eric Meyers lacks some old school compatibility.
• YUI is the reverse but too old school
• Boilerplate is too interfering

A reset sheets shouldn't set standard "styles" in an attempt to rescue crappy browsers. A reset sheet should default elements to create a general playing field for typical & experimental websites.

Things like line-height, font-size or forcing vertical scroll affects conceptual design.

Display-block rarely intrudes on elements we "expect" to be block.

http://cssesta.tk Has 6 options commented out, the rest is a solid default (except for the text selection color)

There are many good ones around, like Eric Meyer's Reset stylesheet:

http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/

But I think the best practice is to write your own CSS reset file, because you know best which elements and styles you want to reset and which ones you don't mind to be as they are.

Have a look at the most common CSS-reset files and then copy & paste the styles you want to set in your own file.

Here is a link to my reset approach:

http://www.htmltweaks.com/Reset_Browser-Specific_CSS_Styles

I use Blueprint css. But I never use it just for reset. It's the best help I can get for doing a quick layout of a site.

I always use a css reset, and if I'm using a third party one I always go a for the Yahoo! hosted stylesheet ^[1] (mainly because I'm guessing it is the most popular and will be cached on a few visitor's browsers).

I have just come across this website though which might be useful - http://www.cssreset.com

I use this one:

* { 
    margin:0; padding:0; border:0; 
    outline:0; vertical-align:baseline; font-family:'FontName';
}

I use

* {
  padding: 0;
  margin: 0;
}

and Eric Mayer CSS Reset http://meyerweb.com/eric/tools/css/reset/

This makes my wok much easier

This is not a good code. You better go here, choose your page structure and generate web layout with CSS. It works 100% in almost all browsers except for IE 5.

Now download the generated code and extract zip file. Then, open the css file and and you will see simple code you can remake your website to work in 100%.

See CSS Layout Generator at this location ^[1].

Now upload your website to server. To test at Net Renederer at this location ^[2].

And that doesn't require any programming skills. ;)