將樣式盡量寫在單獨的乙個css檔案中，然後在head元素中引用；
好處：
1.內容和樣式分離，易於管理和維護；
2.減少頁面體積；
3.css檔案可以被快取、重用，維護成本降低；
不使用@import, @import影響css檔案的載入速度；
避免使用複雜的選擇器，層級越少越好，建議選擇器的巢狀最好不要超過三層簡潔的選擇器不僅可以減少css檔案大小，提高頁面的載入效能，瀏覽器解析時也會更加高效，也會提高開發人員的開發效率，降低了維護成本；
精簡頁面的樣式檔案，去掉不用的樣式；
抽象提取公用樣式，減少**量；
標準化各種瀏覽器字首，帶瀏覽器字首的在前，標準的在後；
利用css繼承減少**量；
慎重使用高效能屬性：浮動、定位；
CSS優化 提高效能的方法有哪些？
優化主要還是朝網路傳輸方面和減少不必要的渲染考慮 1.發布前壓縮css，減少資料傳輸量。2.合併屬性，如margine left 5px margine top 10px 這個就可以合併成一條的。3.合理設計css 布局，注意復用樣式，減少渲染上花的時間。class和id的選擇，少用 這種全域性匹配...
CSS優化，提高效能的方法有哪些？
1，首推的是合併css檔案，如果頁面載入10個css檔案，每個檔案1k，那麼也要比只載入乙個100k的css檔案慢。2，減少css巢狀，最好不要套三層以上。3，不要在id選擇器前面進行巢狀，id本來就是唯一的而且人家權值那麼大，巢狀完全是浪費效能。4，建立公共樣式類，把相同樣式提取出來作為公共類使用...
CSS 優化 提高效能的方法
如何提高css效能，根據頁面的載入效能和css 效能，主要總結有下面幾點 1 盡量將樣式寫在單獨的css檔案裡面，在head元素中引用 有時候為了圖方便或者快速搞定功能，我們可能會直接將樣式寫在頁面的style標籤或者直接內聯在元素上，這樣雖然簡單方便，但是非常不利於日後的維護。將 寫成單獨的css...