一、*{} #zishu *{} 儘量避開
由於不同瀏覽器對HTML標籤的解釋有差異，所以最終的網頁效果在不同的瀏覽器中可能是不一樣的，爲了消除這方面的風險，設計者通常會在CSS的一個始就把所有標籤的默認屬性全部去除，以達到所有籤標屬性值都統一的效果。所以就有了*通配符。*會遍歷所有的標籤；*{margin:0; padding:0}
建議的的解決辦法：
1、不要去使用生僻的標籤，因爲這些標籤往往在不同瀏覽器中解釋出來的效果不一樣；所以你要儘可能的去使用那些常用的標籤；
2、不要使用*；而是把你常用到的這些標籤進行處理；例如：body,li,p,h1{margin:0; padding:0}
二、濾鏡的一些東西不要去用
IE的一些濾鏡在FIREFOX中不支持，往往寫一些效果時你還是使用CSS HACK；而濾鏡是一個非常毫資源的東西；特別是一些羽化、陰影和一個前透明的效果；
建議的解決辦法：
1、能不使用就不要使用，一方面兼容問題；很多效果只能在IE中使用；
2、如果必須使用，建議用圖片作背景；（只說優化速度，實際應用還是可以小部分用，有人可能會說，用圖片還多一個HTTP請求呢，呵呵……）
一個非常好的例子，就是在在512大地震時，很多網站一夜之間全部變成了灰色，他們只用了一行CSS代碼：body{filter: gray;}
但，你會看會看到這些網頁非常的慢，打開後你的CPU也會飆升，不誇張的說，如果你的電腦配置差，乾死你也不爲過。
三、一個頁面上少用絕對定位
絕對定位（position:absolute ）是網頁佈局中很常用到的，特別是作一些浮動效果時，也會讓頁面看起來非常的酷。但網頁中如果使用過多的絕對定位，會讓你的網頁變得非常的慢，這一點上邊FIREFOX表現要比IE還要差。
建議的解決辦法：
1、儘可能少用，這個少用的值是多少，也沒有一個非常好的值來說明；還要看絕定定位這個標籤裏邊的內容的多少；在這裏我只能說，這樣寫會有性能問題，少用。
2、如果能用變通實現同樣的效果，就用變通的辦法。
四、background 背景圖片的平鋪
有些網頁的背景或頁面中某塊的背景通常要用到圖片的平鋪，平鋪後就會有平鋪次數的問題，如果是單次還好，如果是多次，就廢了。
建議的作法：
1、色彩少的圖片要作成gif圖片；
2、平鋪的圖片儘可能大一些，如果是色彩少的GIF圖片，圖片大一些，實際大小也不會大多少；上邊的兩個例子就很好的證明，第一個圖片非常少，第二個圖大較大一些；但速度是非常不一樣的；
五、讓屬性儘可能多的去繼承
儘可能讓一些屬性子可以繼承父，而不是覆蓋父；
六、CSS的路徑別太深；
#zishu #info #tool #sidebar h2{ font-size:12px;}
七、能簡寫的一些就簡寫；
這個對渲染速度沒有影響；只是少幾個字符；
八、別放空的的class或沒有的class在HTML代碼中；
九、float 的應用
這個東西我的感覺是如果使用不當，百分百有性能問題，而且還非常的大，但實在不知道怎麼樣能弄一個例子出來；這裏只能建議大家如果不是很明白float是怎麼工作的，還是少使用爲妙。
曾經因爲這個把IE乾死過，我寫過一個例子，雖說和這個沒有什麼太大的關係：IE之死__原來與CSS有關
十、合理的佈局
爲什麼這麼說呢，合理的佈局，可以改變CSS的寫法以及渲染過程。