前端筆記CSS（五）

精靈圖 精靈技術的目的：爲了有效地減少服務器接收和發送請求的次數，提高頁面的加載速度。 使用精靈圖核心： 1、精靈技術主要針對於背景圖片使用，就是把多個小背景圖片整合到一張大圖片中； 2、這個大圖片也稱爲sprites 精靈圖 或者 雪碧圖； 3、移動背景圖位置，此時可以使用 background-position； 4、移動的距離就是這個目標圖片的 x 和 y 座標。注意網頁中的座標有所不同；

>>阅读原文<<