1. 程式人生 > >前端_頁面重構注意事項

前端_頁面重構注意事項

頁面重構要注意一下幾點:

  1. 不濫用id,儘量用class代替id。
  2. CSS選擇器最好控制在2-3個以內,不要使用內聯樣式,轉移到樣式表中。
  3. 根據上下結構命名id和class,而不是設計元素,避免html結構模糊化,嘗試重網頁中分離出設計元素,還可以減少程式碼的冗餘。
  4. 避免css冗餘和重複,能通用的寫在一起。寫 css 的時候心中對 html 層級結構要有個大致的規劃,思考不同的設計元素之間的層級和關係,我們規劃得越清晰,最終輸出的 css 也越精簡。
  5. 精簡單位,字型大小em,px、pt;建議用em。
  6. 儘量向下相容。向低端瀏覽器相容。
  7. 避免無意義的、無作用的樣式、元素命名等。
  8. 使用Hack負的 (margin 邊距,!important等等)放在單獨的hack.css中後者樣式表的特定區域並註釋區別於其他樣式。
  9. 在必須的地方要做好註釋,使用工具把css檔案中的註釋轉換成一個合適的文件。推薦用css_docKSS

當然:Doin something is always better than nothing。

參考資料:https://www.cnblogs.com/ranzige/p/4168955.html