前端_頁面重構注意事項
阿新 • • 發佈:2019-02-15
頁面重構要注意一下幾點:
- 不濫用id,儘量用class代替id。
- CSS選擇器最好控制在2-3個以內,不要使用內聯樣式,轉移到樣式表中。
- 根據上下結構命名id和class,而不是設計元素,避免html結構模糊化,嘗試重網頁中分離出設計元素,還可以減少程式碼的冗餘。
- 避免css冗餘和重複,能通用的寫在一起。寫 css 的時候心中對 html 層級結構要有個大致的規劃,思考不同的設計元素之間的層級和關係,我們規劃得越清晰,最終輸出的 css 也越精簡。
- 精簡單位,字型大小em,px、pt;建議用em。
- 儘量向下相容。向低端瀏覽器相容。
- 避免無意義的、無作用的樣式、元素命名等。
- 使用Hack負的 (margin 邊距,!important等等)放在單獨的hack.css中後者樣式表的特定區域並註釋區別於其他樣式。
- 在必須的地方要做好註釋,使用工具把css檔案中的註釋轉換成一個合適的文件。推薦用css_doc和KSS。
當然:Doin something is always better than nothing。
參考資料:https://www.cnblogs.com/ranzige/p/4168955.html