What is 「CSS Sprites」?

通常被意譯為「CSS影像拼合」或「CSS貼圖定位」。CSS Sprites並不是一門新技術，目前它已經在網頁開發中發展得較為成熟，但CSS Sprites並不是什麼金科玉律，但在很多情況下，它有著一定的優勢，最重要的是它可以減輕服務器的負載，提高網頁加載速度。隨著Web設計朝向精緻、巧妙的方向發展，設計師們開始考慮使用非Javascript的方式製作鼠標滑過、點閱過的效果，這時CSS Sprite應運而生。

說白了，CSS Sprites其實就是把網頁中一些背景影像整合到一張影像文件中，再利用CSS的「background-image」、「background- repeat」、「background-position」的組合進行背景定位，background-position可以用數字能精確的定位出背景圖片的位置。

何謂CSS?

CSS是Cascading Style Sheets的縮寫，我們中文稱為「串聯樣式表」，代表各樣式可分開定義，最後再串接起來套用在一個網頁上。
目前CSS已經發展到「第二代」也就是分為CSS1和CSS2，後者的版本較新，也含有更多的擴充功能。
CSS雖然可以加強版面的編排效果，但是不同廠牌，不同版本的瀏覽器所支援及呈現的結果都會有差異性，所以網頁加入CSS後，最好能在不同的瀏覽器中做測試，或是在網頁中標明您做設計的網頁，是用何種瀏覽器觀賞才能獲得最佳的效果。