# Reset.css

**URL:** <https://forum.kirupa.com/t/reset-css/224873>\
**Category:** Uncategorized\
**Created:** [May 6, 2007, 4:53pm UTC](https://forum.kirupa.com/t/reset-css/224873 "2007-05-06T16:53:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![B\_L\_U\_E](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@B\_L\_U\_E](https://forum.kirupa.com/u/B_L_U_E)\
**Post date:** [May 6, 2007, 4:53pm UTC](https://forum.kirupa.com/t/reset-css/224873/1 "2007-05-06T16:53:08Z")

</div>

> **[Reset Reloaded](http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)**
>
> After a bit of time to bake and a few more suggestions from readers, I have what I’m willing to call the final version of my take on the topic of reset styles.

```auto
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

```

The advantage of his reset is that you avoid the trickier elements - frames, form inputs and so on - and you cover more ground than just padding and margins. This is to replace the Yahoo! UI reset.css as well as the ever-popular global whitespace reset: \* { padding: 0; margin: 0; }