csslint配置详解

原创 magic520369 教程 小知识 107阅读 2017-12-27 18:16:22 举报

可能的错误

1、box-model: Beware of box model size
(1) 当设定width 的同时,还设置了border,border-left,border-right,padding,padding-left,padding-right中的任意一个,且未设置box-sizing,发出警告。
(2) 当设定height的同时,还设置了border,border-top,border-bottom,padding,padding-top,padding-bottom中的任意一个,且未设置box-sizing,发出警告。

2、display-property-grouping: Require properties appropriate for display
(1) 当设为inline时,且设置width, height, margin, margin-top, margin-bottom, float时,发出警告。
(2) 当设为inline-block时,且设置float时,发出警告。
(3) 当设为block时,且设置vertical-align时,发出警告。
(4) 当设为table-*时,且设置margin, float时,发出警告。

3、duplicate-properties: Disallow duplicate properties
(1) 当属性名称和属性值全部一样时,发出警告。

4、empty-rules: Disallow empty rules
(1) 当选择器内没有设置任何属性时,发出警告。

5、known-properties: Require use of known properties
(1) 当使用css未定义当属性或属性值时,发出警告。

兼容性

6、adjoining-classes: Disallow adjoining classes
(1) 当使用邻接当class时,发出警告。

7、box-sizing: Disallow box-sizing
(1) 当使用box-sizing时,发出警告(因为ie6 7不支持此属性)。

8、compatible-vendor-prefixes: Require compatible vendor prefixes
(1) 当使用缺少需要供应商前缀的属性时,发出警告。

9、gradients: Require all gradient definitions
(1) 当使用渐变时,为添加所有供应商前缀时(不仅仅是前缀不同),发出警告。
(2) Safari 5+ and Chrome: -webkit-linear-gradient
(3) Safari 4+ and Chrome("Old WebKit") : -webkit-gradient

10、text-indent: Disallow negative text-indent
(1) 当为text-indent的值设置为-99,或者更小的值(比如-100,-999),并且未设置direction时,发出警告。
(2) 与单位无关。

11、vendor-prefix: Require standard property with vendor prefix
(1) 当使用供应商前缀的属性,未设置标准属性时,发出警告。
(2) 放到最后。

12、fallback-colors: Require fallback colors
(1) 当使用css3中的颜色样式(rgba,hsl,hsla),未设置普通的颜色样式(十六进制,颜色名称,或者rgb)时,发出警告。
(2) 放到最前。

13、star-property-hack: Disallow star hack
(1) 当使用*开头的hack写法时,发出警告。

14、underscore-property-hack: Disallow underscore hack
(1) 当使用_开头的hack写法时,发出警告。

15、bulletproof-font-face: Bulletproof font-face (new in v0.9.10)
(1) 当格式不支持ie6-8时,发出警告

性能

16、font-faces: Don't use too many web fonts
(1) 当页面内使用font-face属性次数达到5次及以上时,发出警告。

17、import: Disallow @import
(1) 当使用import时,发出警告。

18、regex-selectors: Disallow selectors that look like regular expressions
(1) 当选择器包含正则表达式时,发出警告。
(2) 正则语法(*=, |=, ^=, $=, ~=)的css选择符

19、universal-selector: Disallow universal selector
(1) 当使用通配符作为选择器的关键部分(key part)时,发出警告。

20、unqualified-attributes: Disallow unqualified attribute selectors
(1) 使用非限定属性选择器作为选择器的关键部分(key part)时,发出警告。

21、zero-units: Disallow units for zero values
(1) 当属性值为0,还有单位时,发出警告。

22、overqualified-elements: Disallow overqualified elements
(1) 当一起使用元素和类名称时,发出警告

23、shorthand: Require shorthand properties
(1) 当同时设置margin/padding 上右下左时,发出警告。

24、duplicate-background-images: Disallow duplicate background images
(1) 当重复引入相同图片时,发出警告。

可维护性和复制性

25、floats: Disallow too many floats
(1) 当页面内float属性设置次数达到10次及以上时,发出警告。

26、font-sizes: Don't use too many font-size declarations
(1) 当页面内font-size属性设置次数达到10次及以上时,发出警告。

27、ids: Disallow IDs in selectors
(1) 当使用id选择器时,发出警告。

28、important: Disallow !important
(1) 当使用important时,发出警告。

29、order-alphabetical: Disallow non alphabetical
(1) 当样式属性未排序时,发出警告。

可访问性

30、outline-none: Disallow outline:none
(1)当设置outline为none或0时,并且无:focus时,发出警告。

OOCSS

31、qualified-headings: Disallow qualified headings
(1) h系列标题应该设置为全局样式,当设置局部标题样式时,发出警告。

32、unique-headings: Headings should only be defined once
(1) h系列标题应该只设置一次,当重复设置时,发出警告。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复