* 原理：
css sprite又叫css精靈/雪碧圖，是把網頁中的一些背景圖整合到一張圖片中，再通過background-position屬性進行圖片定位。
* 優點：
1. 減少http請求，提高頁面加載速度
2. 風格更換方便，只需要修改一張圖片就可以改變整個網頁的風格
3. 命名簡單，只需要給一張整合的圖片命名即可
* 缺點：
1. 定位繁瑣，需要精確計算圖片大小和圖片位置
2. 維護麻煩，修改一個地方可能需要重新布局整張圖片、樣式
3. 寬屏、高分屏下的自適應頁面，如果圖片寬度不夠，可能會出現背景斷裂的現象
