<tfoot id="8zuwl"></tfoot>

登錄論壇 | 注冊(cè)會(huì)員

設(shè)為首頁(yè) | 收藏本站

當(dāng)前位置 : 首頁(yè)>軟件學(xué)院>程序開發(fā)>CSS>正文

CSS Sprites網(wǎng)頁(yè)圖片整合方法

http://m.yibo1263.com　2009-7-3 8:26:08 　來(lái)源:網(wǎng)絡(luò)整理　編輯:葉子

　　論壇上提到這樣的問(wèn)題：“css中用一張背景圖做頁(yè)面的技術(shù)有什么優(yōu)勢(shì)？”

　　簡(jiǎn)單介紹一下 CSS Sprites 的優(yōu)點(diǎn)：

　　當(dāng)用戶往U盤中拷200張圖片，會(huì)等很久。但是如果弄成一個(gè)文件，再拷貝就會(huì)快很多。

　　CSS Sprites 的目的就是通過(guò)整合圖片，減少對(duì)服務(wù)器的請(qǐng)求數(shù)量，從而加快頁(yè)面加載速度。

　　 css

　　實(shí)現(xiàn)方法：

　　首先將小圖片整合到一張大的圖片上

　　然后根據(jù)具體圖標(biāo)在大圖上的位置，給背景定位。background-position:-8px -95px;

【收藏】【打印】【進(jìn)入論壇】

·《連線》創(chuàng)始人暢談未來(lái)網(wǎng)絡(luò)：靜態(tài)網(wǎng)頁(yè)不會(huì)

·網(wǎng)頁(yè)游戲混戰(zhàn) 闖關(guān)容易運(yùn)營(yíng)難

·用標(biāo)題來(lái)提高網(wǎng)站流量的常用手段

·CSS3 Media Queries 詳解

·js或jquery獲取網(wǎng)頁(yè)控件的offset值的方法

·CSS實(shí)例教程:非浮動(dòng)區(qū)域設(shè)置寬度

·去掉“允許此網(wǎng)頁(yè)訪問(wèn)剪貼板”提示

·css的效率和瀏覽器渲染的速度

·關(guān)于CSS HACK 解決兼容的寫法

·小議使用“完整”的CSS的缺點(diǎn)

推薦文章

iPhone女孩微博爆紅最寶貴東西換

大連護(hù)士門大尺度艷照高清組圖

中關(guān)村艷照門女主角詳記錄高清組

蘋果員工中毒門

宮如敏不雅照瘋傳看張馨予韓一菲

深耕市場(chǎng) 永續(xù)經(jīng)營(yíng)——專訪百腦匯

優(yōu)派專業(yè)電子書讓您回家旅途多姿

揭曉百萬(wàn)大獎(jiǎng)三星bada魅力綻放中

大明龍權(quán)“江湖英雄會(huì)”全國(guó)PK大

永恒之塔校園達(dá)人挑戰(zhàn)賽完美落幕

八卦圖解

More>>


iPhone女孩微博爆紅最寶貴東西換	大連護(hù)士門大尺度艷照高清組圖

中關(guān)村艷照門女主角詳記錄高清組	宮如敏不雅照瘋傳看張馨予韓一菲

<input id="n0w3q"></input>

亚洲AV无码乱码在线观看不卡|最新大伊香蕉精品视频在线|亚洲不卡av一区二区|国产美女无遮挡免费