這篇文章已經改名字了,今天我將說名css sprite的基本應用
css sprite是css的基本技術之一,剛遇到的時候沒什麼感覺,但現在才發現其強大之處
參考下面有常用標籤
#panel1b a:hover
background 背景圖
0 -200px 背景圖相對位子
no-repeat 背景不重複顯示(很重要)
這裡我有個小竅門
左移 x軸為負
上移 y軸為負
記住哦我在介紹乙個小工具:
spriteme
很強大的工具,具體怎麼使用請檢視官網
官網:還有一些小例子:
鞏固一下:
#web
#logo
#main-box
css sprite 介紹和例項
csssprites在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是差不多的,所以無需顧忌這個問題...
css sprite 介紹和例項
csssprites在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是差不多的,所以無需顧忌這個問題...
css sprite 介紹和例項
csssprites在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是差不多的,所以無需顧忌這個問題...