zoukankan      html  css  js  c++  java
  • CSS Lint

      才疏学浅,刚听到CSS Lint这么个玩意,Lint翻译成汉语是“线头”之意,CSS Lint的大概意思是编写CSS过程中留下的线头和不好的地方。我们注意这些地方才能把衣服(CSS)做的更好!可以通过在线网站或者安装csslint来检测自己的文件,CSS Lint主要说的是一下几个方面:

    1. 不要使用多个class选择元素,如selector.a.b,在IE6下只会解析到最后一个class,也即是b;
    2. 移除空的css规则,如selector{};我们可能在CSS中测试时会写一些最终不需要使用的CSS代码,但后来忘了删除,这种情况要注意的;
    3. 正确的使用display属性,如display:inline不要和width,height,float,margin,padding同时使用,display:inline-block不要和float同时使用等;
    4. 不滥用浮动,当浮动次数超过十次时,会显示警告;
    5. 不设置过多的font-size,当字号声明超过十种时,显示警告;
    6. 不滥用web字体,当使用超过五次时,显示警告;
    7. 避免使用id作为样式选择器;
    8. 标题元素只定义一次,不要给h1~h6定义过多的样式,全站定义一次就好;
    9. 使用100%时要小心;
    10. 属性值为0时不要写单位,反正都是0,写单位也没有什么意义;
    11. 各浏览器专属的css属性要有规范,标准化浏览器前缀:
      例如.selector{-moz-border-radius:5px;border-radius:5px};
    12. 避免使用看起来像正则表达式的css3选择器;
    13. 遵守盒模型规则,要注意标准模式和怪异模式下的盒模型;
  • 相关阅读:
    二维动规思想,j 具有明显枚举特征
    二分法题目总结
    最大(小)值最小(大)化 (二分法变形)
    C/ C++ 输入输出流
    正序扫描字符串问题
    React(基础一)_react中的三大属性
    找位置
    STL vector
    STL stack
    打印日期
  • 原文地址:https://www.cnblogs.com/kiscall/p/4718485.html
Copyright © 2011-2022 走看看