I know and use eric meyer CSS reset, but is there any more things which would be good to add in reset css? and can save our time and increase compatibility.
This is default meyer's latest CSS reset code.
/* 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-deco开发者_StackOverflow社区ration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
and i also add a img {border:0}
with this reset.
I concur with Nick's answer. You should seriously consider using a yahoo's reset (or some other reputable source). Frankly they have more resources than you to test in a variety of browsers and environments. And they'll keep it updated as new browsers come out. Finally, you can take advantage of their free super-fast CDN:
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.1.0/build/cssreset/reset-min.css">
Take a look at Yahoo's YUI 2: Reset CSS.
精彩评论