新手寫css常犯的8個錯誤

再牛逼的高手也會犯這樣的錯誤，因為當頁面結構很複雜，嵌套很多層的時候，很容易搞丟關閉標籤。

剛接觸css的時候比較茫然，很多時候不知道如何開始，如何下手。拿到一個效果圖，很多問題，困擾我們，怎樣布局？絕對位置還是相對定位，選擇什麼標籤？採取怎樣的結構。.等等。.當然在寫代碼的過程中，會遇到很多問題，尤其是我們新手，對各方面只是不是很瞭解，更缺少經驗，遇到問題常常手足無措。我想，我們在遇到問題的時候，要學會總結，避免下次再遇到還是犯相同的錯誤。

下面是自己在工作中，總結的一些容易犯的錯誤，

和解決技巧希望對css新手有協助。

一、檢查HTML元素是否有拼字錯誤、是否忘記關閉標籤

再牛逼的高手也會犯這樣的錯誤，因為當頁面結構很複雜，嵌套很多層的時候，很容易搞丟關閉標籤。尤其像我，習慣了在記事本裡編寫，就更容易出錯。所以寫的時候一定要仔細。

二、檢查CSS是否正確

一般css常最常出現的錯誤就是樣式和html中的屬性名稱不一致。導致明明寫了樣式，但是不起效果。

三、用background找到對應的層

我們在調試錯誤，尤其是調試瀏覽器的相容性的時候，層嵌套的多，容易發生錯位、重疊，這時候給關鍵的幾個層添加上背景顏色，以示區別。這樣有助於排除錯誤。

四、排除法確定錯誤位置

我們在寫css編碼的時候，一般都是做一點然後預覽一下，這時候如果出現錯誤，我們可以刪去新加的層，直到正常顯示，以確定問題到底出在哪個層。

五、float元素務必指定width屬性

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

六、去除重複的樣式

很多時候我們在頭部聲明公用樣式，然後寫到下面自己就忘記了。比如我們在開始聲明了img{border:none;}

然後在遇到img標籤的時候，又寫了一遍。應該避免這種情況。

七、注意編碼格式

一般情況下，我們用的編碼格式有：gb2312和UTF8兩種。沒有優劣之分。但是不能混著用。很多編輯器預設的事UTF8格式的。

八、連結樣式的書寫順序

很多人在寫了連結樣式以後，點擊後顏色不是自己要的結果，這時候就要檢查下，連結樣式的書寫順序了。正確的書寫順序應該是：L-V-H-A。