您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> ps教程 >> 瀏覽設計教程

CSS Sprites 圖片整合技術

css中用一張背景圖做頁面的技術有什么優(yōu)勢?

簡單介紹一下 CSS Sprites 的優(yōu)點:
當用戶往U盤中拷200張圖片,會等很久。但是如果弄成一個文件,再拷貝就會快很多。

CSS Sprites 的目的就是通過整合圖片,減少對服務器的請求數(shù)量,從而加快頁面加載速度。

css-sprites

實現(xiàn)方法:

  1. 首先將小圖片整合到一張大的圖片上
  2. 然后根據(jù)具體圖標在大圖上的位置,給背景定位。background-position:-8px -95px;
[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://www.pkvc.cn/tutorial/ps1144.html
網頁設計中PNG背景在不同瀏覽器下的應用
網頁設計技巧之如何在Photoshop里畫虛線?
圖趣網微信
建議反饋
×