CSS Sprites在國內很多人叫css精靈,是一種網頁圖片應用處理方式,它允許將一個頁麵涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當造訪該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。
1、CSSSprites在國內很多人叫css精靈,是一種網頁圖片應用程式處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。下面我給了一個概念圖,你可以參考一下。說到底還就是透過某些手段把許多小圖片給塞入一張大圖中,這樣做的好處就是在加載網頁的時候就只需要加載一次——就是咱們上面說的大圖。
2、手段:運用了css中的background-position,這是css中的一個屬性。意思是調整css盒子中的背景圖片的位置.
3、程式碼範例:.d1{background-position:0px 0px;}
d2{background-position:50px 50px;}
HTML教學》
以上是CSS sprite是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!