全局 CSS

每次开发网站的时候,我都会建一个公用的 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;
上面这句还是需要的,不然真心很烦

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值