CSS Sprite(雪碧圖)
注意事項：
🔶 漸漸被SVG圖所取代
目的：
將一個頁面所有零星圖片都置於一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。
使用時機：
- 靜態圖片，不隨使用者資訊的變化而變化
- 小圖片，圖片容量比較小
- 載入量比較大
其他說明：
- 注意事項：大圖不建議拼成CSS Sprite
- 優點：使用CSS Sprite可以減少http請求數量,加速內容顯示。每請求一次,就會和伺服器連結一次,建立連結時需要額外時間的
使用方法：
- 使用background-position屬性
範例網站：
