10條影響CSS渲染速度的寫法與使用建議

更新時(shí)間：2008年09月06日 22:01:12 作者：

最近很少寫CSS了，以后也可能寫的會很少了，所以還是想把自已的一些經(jīng)驗(yàn)?zāi)芎痛蠹曳窒硪幌?，希望能給大家一些幫助！

5、讓屬性盡可能多的去繼承

盡可能讓一些屬性子可以繼承父，而不是覆蓋父；

簡單的一個(gè)例子：

 
<style> 
a:link,a:visited{color:#0000FF} 
a:hover,a:active{color:#FF0000} 
#jb51 a:link,#jb51 a:visited{ font-weight:bold} 
#jb51 a:hover,#jb51 a:active{ font-style: italic;} 
</style> 
<div><a href="#">test</a><div> 
<div id="jb51"><a href="#">jb51</a></div> 

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

實(shí)際上我是讓jb51去繼承我默認(rèn)設(shè)置的屬性，因?yàn)槟切傩砸呀?jīng)存在了。

另外再說幾個(gè)不是特別重要的地方，平時(shí)注意一點(diǎn)就行了，沒有上邊這幾個(gè)影響那么大：

6、CSS的路徑別太深；
例如：

程序代碼
#jb51 #info #tool #sidebar h2{ font-size:12px;}

7、能簡寫的一些就簡寫；
例如：#jb51{pading-top:10px; padding-right:50px; padding-left:50px; padding-bottom:4px;} 改成：#jb51{padding:10px 50px 4px 50px}
這個(gè)對渲染速度沒有影響；只是少幾個(gè)字符；

8、別放空的的class或沒有的class在HTML代碼中；

9、float 的應(yīng)用
這個(gè)東西我的感覺是如果使用不當(dāng)，百分百有性能問題，而且還非常的大，但實(shí)在不知道怎么樣能弄一個(gè)例子出來；這里只能建議大家如果不是很明白float是怎么工作的，還是少使用為妙。

10、合理的布局
為什么這么說呢，合理的布局，可以改變CSS的寫法以及渲染過程。

其實(shí)有些不能總結(jié)為CSS部分；

今天就寫這些，也是這里基本能想到的，以后再想到了再補(bǔ)充吧，還餓著肚子呢，得出去去吃那些吃的快吐的小飯店飯了。好久沒有在家吃過飯了。
文章中百分百有錯(cuò)別字，就不改了；本文隨便轉(zhuǎn)載，只要注明出處：子鼠