A CSS reset is the technique of resetting all the defaults like padding and margins that differ so much between the many browsers. By putting this at the top of your CSS file, it gives a default for any rules you don’t specify later and makes it easier to keeps things like padding and font sizes the same between browsers.
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: "" ""; }
- BROWSE / IN TIMELINE
- « Great reference for lists in HTML and CSS
- » Responses to the browser targeting debate.
- BROWSE / IN HTML/CSS Tips
- « Great reference for lists in HTML and CSS
- » Sitepoint introduces CSS reference site
SPEAK / ADD YOUR COMMENT
Comments are moderated.

