寫CSS不會難,但是當CSS樣式無效時,就意味著我們的網頁將面臨一些臃腫,難看或者無法導航等一些問題。
以下是一些導致CSS無效的原因:
1.命名錯誤或者大小寫不匹配 2.遺漏聲明符或語法錯誤 3.無法調用或引用 4.未正確注釋或未銘刻 5.CSS被覆蓋或優先級錯誤
要避免這些問題,以下是一些實用的小提示:
1.命名必須和HTML文檔中的class和id名一致 2.遵循正確的聲明和語法書寫格式 3.確保鏈接的正確性 4.注釋,提高代碼的可讀性 5.在必要的時候使用!important屬性調用CSS樣式 6.當CSS屬性被不同選擇器引用時,會根據優先級先后來確定樣式,使用class選擇器優先級低于id選擇器,使用!important屬性作用的CSS屬性最高
另外,瀏覽器調試工具也是一個很好的練習CSS優化的地方。可以使用瀏覽器調試器進行排查錯誤,調整優先級,更好的完善樣式表。不斷進行編寫、測試、優化流程跑一遍,我們也可以更加得心應手地運用CSS樣式。
上一篇css選擇器優先級規則
下一篇分割線的css樣式