精靈圖的含義及使用方式

精靈圖指的是把一個網頁中需要使用的多個圖片整合在一張大圖中,這樣打開網頁時,只需要加載一張圖片的資源,減少圖片訪問次數,降低服務器的壓力,從而提高網頁加載速度。 使用方式: 通過背景圖片的方式引入精靈圖,通過background-size屬性調整圖片大小,通過background-poisition屬性調整圖片顯示區域定位 。 logo.png: 運行結果: 鼠標移入後:
相關文章
相關標籤/搜索