DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 書寫css的一些技巧,提高css性能
書寫css的一些技巧,提高css性能
編輯:CSS詳解     

大家都知道,css是個好玩的東西,好玩就好玩在他的層疊上,可以一層一層的往上面疊,好像蓋樓層一樣,最高層的人地位最大。如何書寫css的,發揮css的最大性能估計是大家最關注的,下面從平時寫css的時候一些技巧,拿出來分享下,一起來討論下如何書寫css的一些技巧,提高css性能(css教程)。

 

  一、盡量不要使用*通配符。


  有些人特別喜歡做的事,直接就一個*全部重置樣式搞定,覺得使用通配符很方便,但沒考慮的這是很占用系統資源的,因為這通配符就是將CSS中的所有標簽都初始化了,不過用的不用的,過時的先進的,一視同仁,這樣,大大的占用資源。所以盡量不要貪圖方便而使用通配符,應該有選擇的初始化標簽的樣式。

 

  二、盡量不要使用過小的圖片做背景平鋪。
  原因是,假如用1px * 1px的圖片平鋪出一個 100px * 100px的區域,就需要100 * 100 = 10000 次,是非常占用資源的。

 

  三、無邊框。
  很多人經常會這樣些的:border:0;其實這只是定義了邊框的寬度為0,但邊框樣式、顏色等還是會被浏覽器解析的,所以也是占用了不少的資源,尤其是有些沒注意上文提到的第一問題,將所有的標簽初始化都定義了border:0; 推薦的寫法是:border:none;
 

 

        這幾點技巧,大家在平時書寫css的時候應該注意的。目的是通過這些技巧發揮css的最佳性能。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved