1、選擇更優的樣式屬性值
建議把border: 0;設為border: none;
CSS中有些屬性采用不同的屬性值,雖然達到的效果差不多,當性能上卻存在著差異,如
區別在于border:0把border設為0px,雖然在頁面上看不見,但按border默認值理解,瀏覽器依然對border-width/border-color進行了渲染,即已經占用了內存值。
而border:none把border設為“none”即沒有,瀏覽器解析“none”時將不作出渲染動作,即不會消耗內存值。所以建議使用border:none;
同樣的,display:none隱藏對象瀏覽器不作渲染,不占用內存。而visibility:hidden則會。
2、 引用外部樣式表
這個原則始終是一個很好的設計實踐。不單可以更易于維護修改,更重要的是使用外部文件可以提高頁面速度,因為CSS文件都能在瀏覽器中產生緩存。內置在HTML文檔中的CSS則會在每次請求中隨HTML文檔重新下載。所以,在實際應用中,沒有必要把CSS代碼內置在HTML文檔中
新聞熱點
疑難解答