一、檢查HTML元素是否有拼寫錯誤、是否忘記關(guān)閉標(biāo)簽
再牛逼的高手也會犯這樣的錯誤,因為當(dāng)頁面結(jié)構(gòu)很復(fù)雜,嵌套很多層的時候,很容易搞丟關(guān)閉標(biāo)簽。尤其像我,習(xí)慣了在記事本里編寫,就更容易出錯。所以寫的時候一定要仔細(xì)。
二、檢查CSS是否正確
一般css常最常出現(xiàn)的錯誤就是樣式和html中的屬性名稱不一致。導(dǎo)致明明寫了樣式,但是不起效果。
三、用background找到對應(yīng)的層
我們在調(diào)試錯誤,尤其是調(diào)試瀏覽器的兼容性的時候,層嵌套的多,容易發(fā)生錯位、重疊,這時候給關(guān)鍵的幾個層添加上背景顏色,以示區(qū)別。這樣有助于排除錯誤。
四、排除法確定錯誤位置
我們在寫css編碼的時候,一般都是做一點然后預(yù)覽一下,這時候如果出現(xiàn)錯誤,我們可以刪去新加的層,直到正常顯示,以確定問題到底出在哪個層。
五、float元素務(wù)必指定width屬性
很多瀏覽器在顯示未指定width的float元素時會有bug。所以不管float元素的內(nèi)容如何,一定要為其指定width屬性。
六、去除重復(fù)的樣式
很多時候我們在頭部聲明公共樣式,然后寫到下面自己就忘記了。比如我們在開始聲明了img{border:none;}
然后在遇到img標(biāo)簽的時候,又寫了一遍。應(yīng)該避免這種情況。
七、注意編碼格式
一般情況下,我們用的編碼格式有:gb2312和UTF8兩種。沒有優(yōu)劣之分。但是不能混著用。很多編輯器默認(rèn)的事UTF8格式的。
八、鏈接樣式的書寫順序
很多人在寫了鏈接樣式以后,點擊后顏色不是自己要的結(jié)果,這時候就要檢查下,鏈接樣式的書寫順序了。正確的書寫順序應(yīng)該是:L-V-H-A。