css sprites：精靈圖（雪碧圖）：把一堆小圖片整合在一張大圖上，通過背景圖片相關設置（背景圖片、背景圖是否重覆、背景圖定位），顯示圖片，減輕伺服器對圖片的請求數量 優點： 1、減少網頁的HTTP請求，提高頁面性能 2、圖片命名上的困擾 3、更換風格方便 缺點： 1、必須限定容器大小，符合背景 ...
css sprites：精靈圖（雪碧圖）：把一堆小圖片整合在一張大圖上，通過背景圖片相關設置（背景圖片、背景圖是否重覆、背景圖定位），顯示圖片，減輕伺服器對圖片的請求數量
優點：
1、減少網頁的HTTP請求，提高頁面性能
2、圖片命名上的困擾
3、更換風格方便
缺點：
1、必須限定容器大小，符合背景圖片元素的位置，需要計算
2、維護比較麻煩
使用步驟：
1、製作一張具有多狀態的拼合圖片，需要按照一定規律處理
2、給要顯示背景的盒（一個固定尺寸，寬width、高height），以背景的方式載入，讓其局部顯示
3、通過背景圖定位（background-position）控制不同的顯示狀態
