CSS精靈技術

css精靈其實是將網頁中的一些小背景影象整合到一張大圖中（精靈圖），然而，各個網頁元素通常只需要精靈頁面中不同位置的小圖。

需要用到的css

為了有效減少伺服器接收和傳送請求的次數，提高頁面的載入速度。

乙個網頁中往往需要多個小作為修飾，當網頁中的影象過多的時候，伺服器就會頻繁的棘手和傳送請求，將大大降低頁面的載入速度。

精確測量，每個背景的大小和位置

給盒子指定小背景時，背景定位基本都是負值

精靈技術主要針對的是背景，那些插入的img是不需要這個技術的

使用fireworks，可以進行快速定位

背景：

實現效果：拿取字母中的h

**：

>

>
charset
="utf-8"
>
>
css精靈技術title
>

CSS精靈技術

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

了解CSS精靈技術

css 精靈其實是將網頁中的一些背景影象整合到一張大圖中 精靈圖 然後通過定位到不同位置而得到我們需要的某個小圖.使用css精靈,需要使用css的 圖所示為網頁的請求原理圖，當使用者訪問乙個 時，需要向伺服器傳送請求，網頁上的每張影象都要經過一次請求才能展現給使用者。然而，乙個網頁中往往會應用很多小...

CSS精靈技術（sprite）

當使用者訪問乙個 時，需要向伺服器傳送請求，網頁上的每張影象都要經過一次請求才能展現給使用者。然而，乙個網頁中往往會應用很多小的背景影象作為修飾，當網頁中的影象過多時，伺服器就會頻繁地接受和傳送請求，這將大大降低頁面的載入速度。為了有效地減少伺服器接受和傳送請求的次數，提高頁面的載入速度，出現了cs...