你對(duì)CSS渲染速度的概念是否了解，這里和大家分享一下10條影響CSS渲染速度的寫(xiě)法，相信本文介紹一定會(huì)讓你有所收獲。

10條影響CSS渲染速度的寫(xiě)法

這篇文章主要寫(xiě)的提高網(wǎng)頁(yè)在客戶(hù)端瀏覽器的渲染速度的CSS部分，暫時(shí)總結(jié)了10條。

1、*{}#zishu*{}盡量避開(kāi)

由于不同瀏覽器對(duì)HTML標(biāo)簽的解釋有差異，所以最終的網(wǎng)頁(yè)效果在不同的瀏覽器中可能是不一樣的，為了消除這方面的風(fēng)險(xiǎn)，設(shè)計(jì)者通常會(huì)在CSS的一個(gè)始就把所有標(biāo)簽的默認(rèn)屬性全部去除，以達(dá)到所有簽標(biāo)屬性值都統(tǒng)一的效果。所以就有了*通配符。*會(huì)遍歷所有的標(biāo)簽；

 
 
 

  
  
  
*{margin:0;padding:0} 
  
  
  

 
 
 

如果這樣寫(xiě)，頁(yè)面中所有的標(biāo)簽的margin全是0；padding也是0；

 
 
 

  
  
  
#zishu*{margin:0;padding:0} 
  
  
  

 
 
 

如果這樣寫(xiě)，在id等于zishu下邊的所有標(biāo)簽的margin全是0；padding也是0；

這樣寫(xiě)的問(wèn)題是：

a.遍歷會(huì)消耗很多的時(shí)間，如果你的HTML代碼寫(xiě)的不規(guī)范或是某一簽標(biāo)沒(méi)有必合，這個(gè)時(shí)間可能還會(huì)更長(zhǎng)；
b.很多的標(biāo)簽本來(lái)就沒(méi)有這個(gè)屬性或?qū)傩员旧砭褪墙y(tǒng)一的，那么更給設(shè)置一次，也有時(shí)間的開(kāi)消；

建議的的解決辦法：
a.不要去使用生僻的標(biāo)簽，因?yàn)檫@些標(biāo)簽往往在不同瀏覽器中解釋出來(lái)的效果不一樣；所以你要盡可能的去使用那些常用的標(biāo)簽；
b.不要使用*；而是把你常用到的這些標(biāo)簽進(jìn)行處理；例如：body,li,p,h1{margin:0;padding:0}

2、濾鏡的一些東西不要去用

IE的一些濾鏡在FIREFOX中不支持，往往寫(xiě)一些效果時(shí)你還是使用CSSHACK；而濾鏡是一個(gè)非常毫資源的東西；特別是一些羽化、陰影和一個(gè)前透明的效果；

例如一個(gè)陰影效果：