CSS精靈是一種優(yōu)化網(wǎng)站性能的技術(shù)，它通過(guò)將多個(gè)小圖標(biāo)或背景圖合成為一張大的圖片，從而減少了網(wǎng)頁(yè)的加載次數(shù)。這種技術(shù)的原理很簡(jiǎn)單，就是將多個(gè)小圖標(biāo)或背景圖合成為一張大的圖片，并通過(guò)CSS的background-position屬性來(lái)控制圖片的顯示位置。

.icon {
background-image: url(sprite.png);
}
.home {
background-position: 0 0;
width: 32px;
height: 32px;
}
.search {
background-position: -32px 0;
width: 32px;
height: 32px;
}

以上代碼是一個(gè)CSS精靈的示例，首先通過(guò)background-image屬性將一張名為sprite.png的圖片作為這個(gè)CSS精靈的背景圖片，然后通過(guò)background-position屬性將其中的兩個(gè)小圖標(biāo)進(jìn)行定位。其中home的圖片位于sprite.png的第一列第一行（即0 0），寬高為32像素，search的圖片位于sprite.png的第一列第二行（即-32px 0），寬高也為32像素。

通過(guò)使用CSS精靈，可以減少網(wǎng)頁(yè)的HTTP請(qǐng)求次數(shù)，從而加快網(wǎng)頁(yè)的加載速度。此外，使用CSS精靈還可以使網(wǎng)站的代碼更加精簡(jiǎn)，減少了大量的HTML代碼和樣式表的代碼。