CSS Best Practice #1: Reset CSS
Posted on | November 30, 2008 | 4 Comments
I think resetting browser styles is important. You’ll never know what you’re dealing with. If all the browsers start on the same page it will make your life easier because you’ll know what to expect. I personally use Eric Meyer’s Reset CSS as a base and modify it as needed.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | /* v1.0 | 20080212 */ 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } |
Other Resets
There are actually a lot more choices besides Eric Meyers. I found several more at a post on Pinceladas da Web. It is in Portuguese so you may need to translate.
Comments
4 Responses to “CSS Best Practice #1: Reset CSS”
Leave a Reply
December 1st, 2008 @ 2:04 am
Great post,
it’s crossbrowser and usefull….
Nunzio Fiore
December 2nd, 2008 @ 1:34 am
@Nunzio
Thank you!
December 15th, 2008 @ 7:50 pm
Thanks . It’s helped me a lot!
December 24th, 2008 @ 4:11 am
@Vu:
I’m glad it helped!