飞龙博客

feilong.org 前端开发教程

网页css样式初始化reset问题

飞龙更新于 2009-09-15 07:14 加入书签 CTRL+D 有 117 个朋友来过

网页制作时候,很多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,则可以不必初始化考虑。

飞龙初发:
2009-09-15 07:14
本文更新网址:
https://feilong.org/css-reset

所在目录: 网站开发

新作:

旧文:

  • html css js
  • angular react vue
  • flutter python