css常犯的幾個錯誤

2016-10-30 分類：網站建設

一、檢查HTML元素是否有拼寫錯誤、是否忘記關閉標簽
再牛B的高手也會犯這樣的錯誤，因為當頁面結構很復雜，嵌套很多層的時候，很容易搞丟關閉標簽。尤其像我，習慣了在記事本里編寫，就更容易出錯。所以寫的時候一定要仔細。

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

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

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

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

六、去除重復的樣式
很多時候我們在頭部聲明公共樣式，然后寫到下面自己就忘記了。比如我們在開始聲明了img{border:none;}
然后在遇到img標簽的時候，又寫了一遍。應該避免這種情況。

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

八、鏈接樣式的書寫順序
很多人在寫了鏈接樣式以后，點擊后顏色不是自己要的結果，這時候就要檢查下，鏈接樣式的書寫順序了。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容