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