CSS Sprites 圖片整合技術(shù)分析
發(fā)布時間：2009-06-21 17:28:30 作者：佚名 
我要評論
我要評論論壇上提到這樣的問題：“css中用一張背景圖做頁面的技術(shù)有什么優(yōu)勢？”
簡單介紹一下 CSS Sprites 的優(yōu)點：
當(dāng)用戶往U盤中拷200張圖片，會等很久。但是如果弄成一個文件，再拷貝就會快很多。
CSS Sprites 的目的就是通過整合圖片，減少對服務(wù)器的請
論壇上提到這樣的問題：“css中用一張背景圖做頁面的技術(shù)有什么優(yōu)勢？”
簡單介紹一下 CSS Sprites 的優(yōu)點：
- 當(dāng)用戶往U盤中拷200張圖片，會等很久。但是如果弄成一個文件，再拷貝就會快很多。
- CSS Sprites 的目的就是通過整合圖片，減少對服務(wù)器的請求數(shù)量，從而加快頁面加載速度。
實現(xiàn)方法：
- 首先將小圖片整合到一張大的圖片上
- 然后根據(jù)具體圖標(biāo)在大圖上的位置，給背景定位。
復(fù)制代碼
代碼如下:background-position:-8px -95px;
相關(guān)文章
- 很高興為大家?guī)砹薈SS Sprites 樣式生成工具 3.0版本。 保存的設(shè)置文件也同時更新了，支持打開舊的文件，會以新的格式保存（舊版本打不開）。 操作界面做了小小的調(diào)整2009-06-23
- 阿里媽媽UED談CSS Sprites技術(shù).2009-10-20
- 網(wǎng)頁制作Webjx文章簡介：在google中搜索一下css sprites這個名稱，會查出很多信息，并且隨著SEO越來越被人們重視，采用這種技術(shù)來進行圖片優(yōu)化的網(wǎng)站越來越多，國內(nèi)幾家大2009-04-02
- CSS Sprites技術(shù)不新鮮，早在2005年 CSS Zengarden 的園主 Dave Shea就在ALA發(fā)表對該技術(shù)的詳細闡述,原先只在CSS玩家之間作為一種制作方法流傳，后來出來個14 Rules for Fa2009-04-24
css sprites技術(shù)將多個背景集成到一個png圖片上css定位
美國YAHOO在頁面制作中所用到的圖片整合技術(shù)，首先將小圖片整合到一張大的圖片上，然后根據(jù)具體圖標(biāo)在大圖上的位置，給背景定位，感興趣的朋友可以了解下具體的實現(xiàn)方法2013-04-02- CSS Sprites技術(shù)不新鮮，早在2005年 CSS Zengarden 的園主 Dave Shea 就在 ALA 發(fā)表對該技術(shù)的 詳細闡述 。原先只在CSS玩家之間作為一種制作方法流傳，后來出來個 14 Rules2011-08-02
- CSS sprites是指把網(wǎng)頁中很多小圖片（很多圖標(biāo)文件）做成按規(guī)律排列的一張大圖上，在顯示的時候通過background-image、background-position顯示圖片特定部分達到和分散的一2013-10-10
CSS Sprites就是可以將許多圖片集成在一張大圖上，然后利用CSS的圖片定位技術(shù)將其分割開來。這款CSS3圖片效果就是可以將分割完的小圖片實現(xiàn)分組的動畫效果，我們只需要點擊2014-09-20- CSS Sprites其實就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進行背景定位2014-12-12
