前言：能被瀏覽器快速解析和匹配的css選擇器，我認爲就是高效的選擇器。就是優美的樣式文件。
一些原則：
1、避免使用通配符
2、避免使用標籤選擇器和單個屬性選擇器作爲關鍵選擇器
3、不要在id選擇器前加標籤名
4、儘量不要在選擇符定義過多層級，層級越少，同時也降低了css和dom結構的耦合程度，提高樣式的可維護性
css中與圖片相關的名詞：
雪碧圖：
優點：是將零散的圖片合併成一張大圖，在利用css進行背景定位。好處是減少請求數，提高了圖片整體的加載速度。
缺點：
1、多張圖片合併成大圖，需要精確計算，仔細的調整位置，
2、維護過程複雜，要儘量讓已有的圖片保持原來的位置不變，如果是背景圖的尺寸發生變化導致原有區域無法放置，那就只好放棄，如果非要在原有位置修改，則剩餘的圖片樣式都需要修改，是很繁瑣的過程。新加的圖片最好放在最後面。
3、使用不當會導致性能問題，最大的問題就是內存消耗。如果製作過程不做任何的規劃，隨意擺放，則可能會使圖片變得相當大，從而很佔內存。
自從有了阿里的iconfont，這個名詞越來越陌生了。
建議：
1、定義簡潔的css規則
2、合併相同的定義、刪除無效的定義
3、避免使用@import
4、避免使用IE瀏覽器獨有樣式：圖片濾鏡和css表達式，圖片濾鏡的使用會在圖片加載時阻塞瀏覽器的加載和渲染，並會增加額外的內存開銷。