教你玩转CSS 精灵图/雪碧图
生活随笔
收集整理的這篇文章主要介紹了
教你玩转CSS 精灵图/雪碧图
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目錄
精靈圖/雪碧圖
圖像拼合 - 簡單實例
圖像拼合 - 創(chuàng)建一個導航列表
圖像拼合s - 懸停效果
精靈圖/雪碧圖
精靈圖/雪碧圖就是圖像拼合
也就是單個圖像的集合。
有許多圖像的網頁可能需要很長的時間來加載和生成多個服務器的請求。
使用圖像拼合會降低服務器的請求數量,并節(jié)省帶寬。
圖像拼合 - 簡單實例
與其使用三個獨立的圖像,不如我們使用這種單個圖像("img_navspr
總結
以上是生活随笔為你收集整理的教你玩转CSS 精灵图/雪碧图的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 教你玩转CSS 图像透明/不透明
- 下一篇: 教你玩转CSS 媒体类型