网页css样式初始化reset问题
feilong.org 修订于2009-09-15 07:14:00 328 次浏览网页制作时候,很多css标识符是有默认css值的。这些默认值的不同,正好体现了网页浏览器解析网页代码方法的不同。为了减少浏览器css兼容性问题,也为了让css设计更加自由放松,我们有必要对样式初始化,也就是css reset的问题。 下面是飞龙认为的比较理想的重设示范,仅供参考。本日志更新网址:http://feilong.org/css-reset 飞龙第2次修订于20100717
/* reset css edition:20100717 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 12px;
line-height: 16px;
font-family:Arial, Helvetica, sans-serif;
}
body {
color: #000;
background: #FFF;
}
ol, ul, li {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
}
以上css重设的值,需要仔细研究它的通用性,这样css架构的时候,可以减少重复工作,同时可根据具体需要进行局部修订。还有那些你完全不用的标签,比如飞龙不喜欢用blockquote、address,则可以不必初始化考虑。
更新网址:https://feilong.org/css-reset
最初发布:20090915 07:14:00 feilong.org 于广州
加入收藏夹,查看更方便。
所在分类: 网站开发