雪碧圖的製做

雪碧圖，又稱精靈圖，利用其定位來肯定咱們須要採用的圖片。  

使用方面，大大的減小了請求次數，提升了效率。

合併雪碧圖，須要將全部的圖片的寬高設置成同樣的。而後利用其在X、Y軸的位置來肯定圖片。

舉例說明：

這個是一張高寬都同樣的圖片   

 

利用定位（注意雪碧圖是使用它的背景定位作的）

具體操做步驟以下：

在css樣式中：

而後出現的咱們須要的圖片：

 

 

 

你們能夠到一些大型網站去看看，不少小圖標，icon都是經過一張雪碧圖來實現的。好比你們能夠去參謀下淘寶網等。