剛接觸css的時候比較茫然,很多時候不知道如何開始,如何下手。拿到一個效果圖,很多問題,困擾我們,怎麼佈局?絕對定位還是相對定位,選擇什麼標籤?採取怎樣的結構。 .等等。 .當然在寫程式碼的過程中,會遇到很多問題,尤其是我們新手,對各方面只是不是很了解,更缺少經驗,遇到問題常常手足無措。我想,我們在遇到問題的時候,要學會總結,避免下次再遇到或犯相同的錯誤。
以下是自己在工作中,總結的一些容易犯的錯誤,
和解決技巧希望對css新手有幫助。
一、檢查HTML元素是否有拼字錯誤、是否忘記關閉標籤
再屌的高手也會犯這樣的錯誤,因為當頁面結構很複雜,嵌套很多層的時候,很容易搞丟關閉標籤。尤其像我,習慣了在記事本裡寫,就更容易出錯。所以寫的時候一定要仔細。
二、檢查CSS是否正確
一般css常最常出現的錯誤就是樣式和html中的屬性名稱不一致。導致明明寫了樣式,但是不起效果。
三、用background找到對應的層
我們在調試錯誤,尤其是調試瀏覽器的兼容性的時候,層嵌套的多,容易發生錯位、重疊,這時候給關鍵的幾個層添加上背景顏色,以示區別。這樣有助於排除錯誤。
四、排除法確定錯誤位置
我們在寫css編碼的時候,通常做一點然後預覽一下,這時候如果出現錯誤,我們可以刪除新加的層,直到正常顯示,以確定問題到底出在哪個層。
五、float元素務必指定width屬性
許多瀏覽器在顯示未指定width的float元素時會有bug。所以不管float元素的內容如何,一定要為其指定width屬性。
六、去除重複的樣式
很多時候我們在頭部聲明公共樣式,然後寫到下面自己就忘記了。例如我們在開始宣告了img{border:none;}
然後在遇到img標籤的時候,又寫了一次。應該避免這種情況。
七、注意編碼格式
一般情況下,我們用的編碼格式有:gb2312和UTF8兩種。沒有優劣之分。但是不能混著用。很多編輯器預設的事UTF8格式的。
八、連結樣式的書寫順序
很多人在寫了連結樣式以後,點擊後顏色不是自己要的結果,這時候就要檢查下,連結樣式的書寫順序了。正確的書寫順序應該是:LVHA。