CSS  Lint,lint是線頭的意思，大概意思就是說要找出我們寫的css代碼里的一些線頭，help you code better!
　　CSS Lint的檢測規則包括錯誤的和警告，當 選擇器 或屬性書寫不正確、漏掉了大括號、多寫了分號等時，會提示解析錯誤，解析錯誤優先提示。為了讓css代碼擁有更好性能，更標準，CSS Lint還默認有如下規則：
　　1.不要使用多個cl as s選擇元素，如a.foo.boo，這在ie6及以下不能正確解析
　　2.移除空的css規則，如a{}
　　3.正確的使用顯示屬性，如display:inline不要和width，height，float，margin,padding同時使用，display:inline-block不要和float同時使用等
　　4.避免過多的 浮動 ，當浮動次數超過十次時，會顯示警告
　　5.避免使用過多的字號，當字號聲明超過十種時，顯示警告
　　6.避免使用過多 web 字體，當使用超過五次時，顯示警告
　　7.避免使用id作為樣式選擇器
　　8.標題元素只定義一次
　　9.使用width:100%時要小心　　CSS目前最新版本為CSS3,能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言，CSS能夠對網站制作中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象盒模型的能力，并能夠進行初步交互設計，是目前基于文本展示最優秀的表現設計語言。
　　10.屬性值為0時不要寫單位
　　11.各瀏覽器專屬的css屬性要有規范，
　　例如.foo{-moz-border-radius:5px;border-radius:5px}
　　12.避免使用看起來像 正則表達式 的 css3 選擇器
　　13.遵守盒模型規則
　　在實際項目中很多規則還不是很合理，比如避免IE6的雙倍邊距bug有時候要用到display:inline;
　　我測試了最近項目中的兩個css文件，警告主要出現在以下方面：
　　1.width:100%
　　當寬度設置為100%的時候，CSS Lint會給出警告
　　 
 
　　2.盒模型錯誤
　　好像width和height不能與padding和border同時使用，為什么會這樣呢?很怪異
　　 
 
　　3.多余的標簽
　　比如a.class,CSS Lint會建議你直接使用.class,如果使用了a.class，會警告
　　 
 
　　4.顯示屬性錯誤
　　比如display:inline與float一起使用時，會警告
　　 
 
　　看到這里，也許你會說這一款檢測工具還不夠成熟，的確，它的解析錯誤檢測，空規則檢測，屬性值為0帶單位的檢測挺不錯，其余的可能有一點差強人意，但它的檢測規則一直在不斷豐富和完善中，同時你也可以提交規則，并且最重要的是，現在，你已經可以自己設置，關掉一些不需要的規則
　　 
 
　　這個時候，CSS Lint就會顯得好用很多。
　　假以時日，我相信CSS Lint會越來越強大的。More and more Strong, Smart and Useful!
　　在線檢測地址：http://http://csslint.net/