《
谈CSS样式优化》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302349102013.htm
--> [
网站建设之]谈CSS样式优化
CSS Lint,lint是线头的意思，大略意思就是说要找出咱们写的css代码里的一些线头，help you code better!
似乎width和height不能与padding和border同时使用，为什么会这样呢?很怪异
这个时候，CSS Lint就会显得好用许多,读《Web表单设计》-深入研究表单中的交互设计。
Tag：优化 样式 优化 款式
例如.foo{-moz-border-radius:5px;border-radius:5px}
当宽度设置为100%的时候，CSS Lint会给出警告
我测试了最近项目中的两个css文件，警告重要呈现在以下方面：
11.各阅读器专属的css属性要有标准，
1,说说网站流量不稳定的三个原因.不要使用多个class挑选元素，如a.foo.boo，这在ie6及以下不能正确解析
6.避免使用过多web字体，当使用超过五次时，显示警告
5.避免使用过多的字号，当字号申明超过十种时，显示警告
CSS Lint的检测规则包含错误的和警告，入选择器或属性书写不正确、遗漏了大括号、多写了分号等时，会提示解析错误，解析错误优先提醒。为了让css代码领有更好机能，更尺度，CSS Lint还默认有如下规则：
假以时日，我信任CSS Lint会越来越强盛的。More and more Strong, Smart and Useful!
7,说明IE与非IE浏览器在事件绑定的执行顺序.避免使用id作为样式抉择器
2.移除空的css规则，如a{}
4.显示属性毛病
3.准确的使用显示属性，如display:inline不要和width，height，float，margin,padding同时使用，display:inline-block不要和float同时使用等
好比display:inline与float一起应用时，会忠告
4.避免过多的浮动,详谈CSS网页布局中容易发生的错误编码，当浮动次数超过十次时，会显示警告
在实际名目中良多规矩还不是很公道，比方防止IE6的双倍边距bug有时候要用到display:inline;
2,详解大型网站设计和维护的关键技巧.盒模型错误
比如a.class,CSS Lint会倡议你直接使用.class,假如使用了a.class，会警告
在线检测地址：
看到这里，兴许你会说这一款检测工具还不够成熟，确实，它的解析过错检测，空规则检测，属性值为0带单位的检测挺不错，其余的可能有一点差能人意，但它的检测规则始终在一直丰盛跟完美中，同时你也可以提交规则，并且最主要的是，当初，你已经能够本人设置，关掉一些不须要的规则
1.width:100%
9.使用width:100%时要警惕
3.过剩的标签
10.属性值为0时不要写单位
13.遵照盒模型规则
8.题目元素只定义一次
12.避免使用看起来像正则表白式的css3取舍器
(责任编辑：网站建设)
谈CSS样式优化相关文章