什么是css sprites,如何使用?


css sprites:精靈圖(雪碧圖):把一堆小圖片整合在一張大圖上,通過背景圖片相關設置(背景圖片、背景圖是否重復、背景圖定位),顯示圖片,減輕服務器對圖片的請求數量

優點:
1、減少網頁的HTTP請求,提高頁面性能
2、圖片命名上的困擾
3、更換風格方便
缺點:
1、必須限定容器大小,符合背景圖片元素的位置,需要計算
2、維護比較麻煩
使用步驟:
1、制作一張具有多狀態的拼合圖片,需要按照一定規律處理
2、給要顯示背景的盒(一個固定尺寸,寬width、高height),以背景的方式加載,讓其局部顯示
3、通過背景圖定位(background-position)控制不同的顯示狀態


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM