css 精靈的用法

2022-08-05 16:15:23 字數 487 閱讀 2063

主要使用css background-position 屬性。

語法示例:

#viploginbutton

#viploginbutton:hover

#viploginbutton:active

(border:0px是讓按鈕的邊框消失,cursor:pointer是讓滑鼠懸停時變成小手模樣。)

先要指定元素的寬和高,然後指定那個大個背景圖,

最後指定背景圖的左上角的座標。依次是x px和y px

注意:原點0px 0px代表的是整個背景圖左上角的那個位置

向下和向右延伸都要使用負值。

CSS精靈技術

為了有效地減小伺服器接受和傳送請求的次數,提高頁面的載入速度,出現了css精靈技術 也稱css sprites css雪碧 一種處理網頁背景影象的方式 主要是背景 將乙個頁面的涉及的所有零星背景影象都集中到一張大圖中去,將大圖應用於網頁,當使用者訪問該頁面時,只需要向伺服器傳送一次請求,網頁中的背景...

CSS精靈技術

css精靈其實是將網頁中的一些小背景影象整合到一張大圖中 精靈圖 然而,各個網頁元素通常只需要精靈頁面中不同位置的小圖。需要用到的css 為了有效減少伺服器接收和傳送請求的次數,提高頁面的載入速度。乙個網頁中往往需要多個小作為修飾,當網頁中的影象過多的時候,伺服器就會頻繁的棘手和傳送請求,將大大降低...

css精靈技術的好處

過去,網頁開發者喜歡把網頁裡面的位元組數控制得非常小,往往在乙個資料夾裡散落著許多 小,客戶端沒顯示一張都會向伺服器傳送一次請求,越多請求次數越多,這樣就會造成載入延遲,影響使用者體驗。隨著時代的快捷,使用者會越來越重視上網速度,然後把這些小的整合到了一起,精靈技術出現了。css精靈圖也叫做css雪...