CSS Sprites樣式生成工具的使用

今天寫css的時候看到有一個實戰視頻的老師用了這個，以爲挺好就學習使用了一下，下面是一些簡單介紹：

軟件介紹 ：

CSS Sprites樣式生成工具，網頁設計師必備利器。CSS Sprites其實就是把網頁中一些背景圖片整合到一張圖片文件中，再利用CSS的「background-image」，「background- repeat」，「background-position」的組合進行背景定位，background-position能夠用數字能精確的定位出背景圖片的位置。

在圖片合併的時候，你要把多張圖片有序的合理的合併成一張圖片，還要留好足夠的空間，防止板塊內不會出現沒必要要的背景；
這些還好，最痛苦的是在寬屏，高分辨率的屏幕下的自適應頁面，你的圖片若是不夠寬，很容易出現背景斷裂； 　　
CSS Sprites在開發的時候比較麻煩，你要經過photoshop或其餘工具測量計算每個背景單元的精確位置，這是針線活，沒什麼難度，可是很繁瑣；

下載地址：http://www.cr173.com/soft/33119.html

使用介紹：