新手寫(xiě)css常犯的8個(gè)錯(cuò)誤

一、檢查HTML元素是否有拼寫(xiě)錯(cuò)誤、是否忘記關(guān)閉標(biāo)簽

再厲害的高手也會(huì)犯這樣的錯(cuò)誤，因?yàn)楫?dāng)頁(yè)面結(jié)構(gòu)很復(fù)雜，嵌套很多層的時(shí)候，很容易搞丟關(guān)閉標(biāo)簽。尤其像我，習(xí)慣了在記事本里編寫(xiě)，就更容易出錯(cuò)。所以寫(xiě)的時(shí)候一定要仔細(xì)。

二、檢查CSS是否正確

一般css常最常出現(xiàn)的錯(cuò)誤就是樣式和html中的屬性名稱(chēng)不一致。導(dǎo)致明明寫(xiě)了樣式，但是不起效果。

三、用background找到對(duì)應(yīng)的層

我們?cè)谡{(diào)試錯(cuò)誤，尤其是調(diào)試瀏覽器的兼容性的時(shí)候，層嵌套的多，容易發(fā)生錯(cuò)位、重疊，這時(shí)候給關(guān)鍵的幾個(gè)層添加上背景顏色，以示區(qū)別。這樣有助于排除錯(cuò)誤。

四、排除法確定錯(cuò)誤位置

我們?cè)趯?xiě)css編碼的時(shí)候，一般都是做一點(diǎn)然后預(yù)覽一下，這時(shí)候如果出現(xiàn)錯(cuò)誤，我們可以刪去新加的層，直到正常顯示，以確定問(wèn)題到底出在哪個(gè)層。

五、float元素務(wù)必指定width屬性

很多瀏覽器在顯示未指定width的float元素時(shí)會(huì)有bug。所以不管float元素的內(nèi)容如何，一定要為其指定width屬性。

六、注意編碼格式

一般情況下，我們用的編碼格式有：gb2312和UTF8兩種。沒(méi)有優(yōu)劣之分。但是不能混著用。很多編輯器默認(rèn)的事UTF8格式的。

七、鏈接樣式的書(shū)寫(xiě)順序

很多人在寫(xiě)了鏈接樣式以后，點(diǎn)擊后顏色不是自己要的結(jié)果，這時(shí)候就要檢查下，鏈接樣式的書(shū)寫(xiě)順序了。正確的書(shū)寫(xiě)順序應(yīng)該是：L-V-H-A。