飞龙博客

feilong.org 前端开发教程

网页css样式初始化reset问题

飞龙修订于 20090915 07:14 33 次浏览

网页制作时候,很多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

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 网站开发

新作:

旧文:

关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可