当我们在为多个浏览器写css样式的时候,因为不同的浏览对盒子模型的解析不一样。所以要实现同一个效果不得不对
每个浏览器写不同的样式。造成了前台页面设计师工作量的大增。想要解决这类问题,就是把它们解析的例子模型不同的元素
的样式都重置,padding 或者margin都写成0。那样我们再来写的时候,不管在写的时候还是在调试的时候都会更加简单容易
我现在把我一直用的一段重置样式代码分享给大家。我也是从一个国外的css网站上找来的。一个很资深的前台页面设计师写的
我通过做页面,也觉得相当不错。所以分享给大家
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;
}
/* 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;
}
/*重置样式*/