什么是精靈圖：

css精靈(CSS sprites),是一種網頁圖片應用處理技術。主要是指將網頁中需要的零星的小圖片集成到一個大的圖片中

應用的原因：
1.減少對瀏覽器的請求次數，避免網頁的延遲
2.方便小圖標的統一管理

精靈圖的制作：
1.軟件：ps
2.制作方法：

新建透明圖層
添加參考線將畫布劃分，將小圖標放入劃分好的格子中
精靈圖的使用： css精靈圖需要配合背景的圖片和背景定位

1.引入精靈圖

.ui{background-image:url(baijingting.png);width:80px;height:80px;background-repeat:no-repeat;display:inline-block; }

2.精確定位需要顯示的小圖標坐標

.sprite{background-position:80px 0px }.sprite1{background-position:160px 160px }

總結

以上是生活随笔為你收集整理的图片精灵的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。