寫CSS精靈的方法如下：

1、確定精靈圖的大小和位置，在HTML中，使用div元素來定義精靈圖的位置，設(shè)置div的寬高和背景圖片。

2、編寫CSS樣式，在CSS中，使用偽元素來定義精靈圖的樣式，設(shè)置偽元素的寬高、背景圖片、位置等屬性。

3、應(yīng)用樣式到HTML元素，將CSS樣式應(yīng)用到HTML元素上，使精靈圖能夠按照設(shè)定的樣式進(jìn)行顯示。

需要注意的是，精靈圖的編寫需要考慮到圖片的大小、位置、樣式等因素，需要仔細(xì)調(diào)整才能達(dá)到***佳效果，為了提高網(wǎng)頁的加載速度和性能，建議將精靈圖進(jìn)行壓縮和優(yōu)化。

除了以上基本的編寫方法，還可以根據(jù)具體的需求和場景進(jìn)行更加詳細(xì)和復(fù)雜的編寫，可以使用CSS3的動畫和過渡效果來增強(qiáng)精靈圖的交互性和趣味性，或者使用CSS的偽類來定義精靈圖的不同狀態(tài)。

CSS精靈是一種非常實用的技術(shù)，可以用于創(chuàng)建各種動態(tài)和交互性的網(wǎng)頁元素，通過不斷學(xué)習(xí)和實踐，可以掌握更多的編寫技巧和方法，為網(wǎng)頁設(shè)計和開發(fā)提供更加豐富的體驗和功能。