CSS Sprites 原理：其實就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進行背景定位，background-position可以用數(shù)字精確的定位出背景圖片的位置。
CSS Sprites 優(yōu)點：
1、利用CSS Sprites能很好地減少網(wǎng)頁的http請求，從而大大的提高頁面的性能，這也是CSS Sprites最大的優(yōu)點，也是其被廣泛傳播和應用的主要原因;
2、CSS Sprites能減少圖片的字節(jié)，曾經(jīng)比較過多次3張圖片合并成1張圖片的字節(jié)總是小于這3張圖片的字節(jié)總和。
3、解決了網(wǎng)頁設計師在圖片命名上的困擾，只需對一張集合的圖片上命名就可以了，不需要對每一個小元素進行命名，從而提高了網(wǎng)頁的制作效率。
4、更換風格方便，只需要在一張或少張圖片上修改圖片的顏色或樣式，整個網(wǎng)頁的風格就可以改變。維護起來更加方便。
通過打開目前您的CSS文件夾下面的CSS圖片碎片后，您可以自行拖拽CSS圖片碎片技進行適當?shù)奈恢谜{(diào)整，可以通過雙擊圖片來移除該圖片，進行CSS Sprite 操作時，拖拽與CSS Sprite 兩個選項可隨時切換使用。
大盤預測
國富論
posted on 2015-10-25 21:52
華夢行 閱讀(102)
評論(0) 編輯 收藏