Adobe Firework是一款常用的平面設(shè)計(jì)軟件，可以進(jìn)行Web和移動(dòng)界面設(shè)計(jì)。而CSS 摳圖可以通過(guò) Firework 使你的設(shè)計(jì)更加快捷和高效，使頁(yè)面的加載更加快速。在Firework中，你可以選擇一個(gè)圖層或一個(gè)圖像進(jìn)行導(dǎo)出，并且以CSS格式摳（cut）出圖層或圖像，這就是CSS摳圖。

實(shí)現(xiàn)CSS摳圖，需要實(shí)現(xiàn)下列步驟:

1.打開(kāi)Adobe Firework軟件
2.打開(kāi)需要進(jìn)行CSS摳圖的設(shè)計(jì)文件
3.選擇需要的圖層或者圖像，用鼠標(biāo)右鍵點(diǎn)擊選擇?"Export"

在彈出的窗口中，可以選擇Export格式、保存路徑、文件命名等。在文件命名中拼接一下CSS樣式，如下：

filename.css

對(duì)于彈出的窗口中選擇格式，可以選擇CSS格式，并選擇"CSS Sprite"。在選擇CSS Sprite選項(xiàng)之后，再點(diǎn)擊Export Selected，就可以生成一個(gè)CSS文件和對(duì)應(yīng)的圖片文件了。接下來(lái)，我們就可以利用生成的 CSS 文件中所包含的 background 屬性，將其中的精靈圖分配給相應(yīng)的位置，使頁(yè)面加快加載速度。