Here is the current reset.css file I use to start a project.

Do not forget to remove thing you are sure you will never use. It is just a template for reset, but if you are sure you will never use things like <code>, <cite>, <dfn>, <video>… get rid of them!

Do not overload your css with unused definitions. Keep it simple.

And of course, if you think something missing or is wrong, write a comment.

Get it

Get it on Gisthub: http://gist.github.com/Cog-g/6155481

Copy it

/**
 * RESET CSS
 * from http://const.fr/my-reset-css
 * @version: 3.0
 * @date:    2013-07-14
 **/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header,
hgroup, menu, nav, section, menu, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font: inherit;
    vertical-align:baseline;
    background:transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body { line-height: 1; }
nav ul { list-style: none; }

/* Videos */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* headers */
h1 { font-size: 2em;   margin: 0.67em 0; }
h2 { font-size: 1.5em;  margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em;    margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }

/* blockquote */
blockquote, q { quotes:none; } 
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a:focus { outline: thin dotted; }

img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
ins { background-color:#ff9; color:#000; text-decoration:none; } 
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } 
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; font-style:inherit; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
/*because legend doesn't inherit in IE */
legend { color:#000; }

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

/* Forms elements */
input, select { vertical-align:middle; }
textarea { 
    resize:none; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

/* Prevents iOS text size adjust after orientation change */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

[hidden] { display: none; }
/* END RESET CSS */

 


React to this article!

Did I miss something? I'd really liked to know your though about this.
If you like this article, please 📣 share-it!

You can also follow me on my blog, on Medium, and reach me via Twitter and LinkedIn

Leave a Reply