CSS精靈圖（CSS Sprites）是在一個圖片文件中存儲多個小圖標(biāo)或圖片，通過CSS進行定位，使用精靈圖可以減少http請求，提高網(wǎng)頁性能。

在精靈圖中，每個小圖標(biāo)或圖片都有自己的坐標(biāo)位置，通過CSS選擇器指定該圖片在精靈圖中的位置，并通過background-position屬性進行定位。

.icon-home {
background: url(sprite.png) -10px -20px;
width: 20px;
height: 20px;
}

上面的代碼表示，選擇class為icon-home的元素，使用sprite.png為背景圖，定位在-10px（x軸方向）和-20px（y軸方向），并設(shè)置寬高為20px。

在確定坐標(biāo)時，需要知道每個小圖標(biāo)在精靈圖中的大小和位置。可以使用測量工具獲取精靈圖和每個小圖標(biāo)的尺寸和坐標(biāo)位置，也可以通過預(yù)覽圖了解每個小圖標(biāo)的位置。

在制作精靈圖時，可以使用工具自動生成坐標(biāo)和CSS代碼，也可以手動計算坐標(biāo)并編寫CSS代碼。無論使用哪種方式，都需要保證每個小圖標(biāo)的坐標(biāo)和CSS代碼準(zhǔn)確無誤。