每次开发网站的时候,我都会建一个公用的 CSS文件,命名为:basic.css/common.css/style.css/css.css 代码贴出来如下:
body, html, ul { padding:0; margin:0;}
ul li { list-style:none;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:underline;}
img { border:none; }
.clear { clear: both;}
以前我还加多这一行:
* { padding:0; margin:0; font:12px/1.5 Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif; color:#333; }
后来慢慢的发现这上面这一行不好,一些本身有样式的标签可能会被覆盖掉,比如 h系列、a .最后决心不用它是因为我用百度富文本编辑器的时候发现,它阻止了百度编辑器对内容的样式赋予。虽然这也是百度的失误。
现在来解释一下:
body, html, ul { padding:0; margin:0;}
是为了让网页贴合浏览器,因为默认:各个浏览器都会离网页有一点点间距的。特别是 ul
ul li { list-style:none;}
上面这句是去除列表的项目标记
img { border:none; }
有些浏览器,特别是IE,它默认让a标签里面的img标签有边框,所以我们在这里去除一下
剩下的就不用解释了,很简单的。
## 2014/5/15 来修订
* { padding:0; margin:0;
上面这句还是需要的,不然真心很烦