CSS Reset Techniques

Here’s a new article on MSDN that gives a brief history of various CSS Reset techniques (clearing base styles in order to avoid cross-browser differences).

The Ins and Outs of CSS Resets

Also, as pointed out in that article there is a Google Code hosted version of the HTML5 compliant Meyer’s CSS Reset script. The project is here:


And the hosted code includes this:

[sourcecode lang=”css”]/*

Based on Eric Meyer’s CSS Reset
and html5doctor.com HTML5 Reset

Copyright (c) 2010 736 Computing Services Limited
Released under the MIT license. http://736cs.com/mit-license.php?2010


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, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;

body {
line-height: 1;

article, aside, dialog, figure, footer, header,
hgroup, nav, section, blockquote {
display: block;

nav ul {
list-style: none;

ol {
list-style: decimal;

ul {
list-style: disc;

ul ul {
list-style: circle;

blockquote, q {
quotes: none;

blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;

ins {
text-decoration: underline;

del {
text-decoration: line-through;

mark {
background: none;

abbr[title], dfn[title] {
border-bottom:1px dotted #000;

/* tables still need ‘cellspacing="0"’ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;

input[type="submit"], input[type="button"], button {
padding: 0 !important;
margin: 0 !important;

input, select, a img {
vertical-align: middle;