一個網(wǎng)頁中往往會應用很多小的背景圖像作為修飾，當網(wǎng)頁中的圖像過多時，服務器就會頻繁地接收和發(fā)送請求圖片，造成服務器請求壓力過大，這將大大降低頁面的加載速度。
因此，為了有效地減少服務器接收和發(fā)送請求的次數(shù)，提高頁面的加載速度，出現(xiàn)了CSS精靈技術（也稱CSS Sprites、CSS雪碧）。
使用精靈圖核心：
1. 精靈技術主要針對于背景圖片使用。就是把多個小背景圖片整合到一張大圖片中。
2. 這個大圖片也稱為 sprites 精靈圖 或者 雪碧圖
3. 移動背景圖片位置， 此時可以使用 background-position 。
4. 移動的距離就是這個目標圖片的 x 和 y 坐標。注意網(wǎng)頁中的坐標有所不同
5. 因為一般情況下都是往上往左移動，所以數(shù)值是負值。
6. 使用精靈圖的時候需要精確測量，每個小背景圖片的大小和位置。
總結：
1. 精靈圖主要針對于小的背景圖片使用。
2. 主要借助于背景位置來實現(xiàn)---background-position 。
3. 一般情況下精靈圖都是負值。（千萬注意網(wǎng)頁中的坐標： x軸右邊走是正值，左邊走是負值， y軸同理。）
JavaEE
鴻蒙應用開發(fā)
集成電路應用開發(fā)
人工智能開發(fā)
AI+Linux云計算運維
Python+大數(shù)據(jù)開發(fā)
AI+設計
軟件測試
新媒體+短視頻
HTML&JS+前端
據(jù)學科列表頁右側.png)
.jpg)