CSS Sprites是一款利用CSS的background-position屬性?？刂骑@示一張大圖片的顯示區(qū)域。歡迎有興趣的朋友前來jz5u使用！

應(yīng)用介紹

css sprites樣式生成工具主要功能是減少使用CSS Sprites技術(shù)時測量坐標(biāo)及填寫background-position定位這部分重復(fù)而枯燥的時間，提高工作效率。

CSS Sprites其實就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中，再利用CSS的background-image，background- repeat，background-position的組合進行背景定位，background-position可以用數(shù)字能精確的定位出背景圖片的位置。

使用方法

1.點擊文件 - 添加圖片，選擇多幅圖片文件；

2.工作區(qū)內(nèi)圖片，可以拖動圖片來調(diào)整位置；

3.可以通過雙擊圖片，來修改圖片的相關(guān)信息；

4.可以通過設(shè)置 - 生成設(shè)置來調(diào)整生成圖片質(zhì)量與文件名稱；

5.點生成，生成圖片和網(wǎng)頁文件；

6.點擊要刪除的圖片文件，按鍵盤上的Delete即可。

CSS Sprites簡介

加速的關(guān)鍵，不是降低質(zhì)量，而是減少個數(shù)。傳統(tǒng)切圖講究精細(xì)，圖片規(guī)格越小越好，重量越小越好，其實規(guī)格大小無所謂，計算機統(tǒng)一都按byte計算?？蛻舳嗣匡@示一張圖片都會向服務(wù)器發(fā)送請求。所以，圖片越多請求次數(shù)越多，造成延遲的可能性也就越大。

CSS Sprites原理

CSS Sprites其實就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中，再利用CSS的background-image，background- repeat，background-position的組合進行背景定位，background-position可以用數(shù)字精確的定位出背景圖片的位置。