Css Sprite和雪碧之間有什么關系？

大家看到Css Sprite這三個字一定會很好奇，它到底和雪碧之間有什么說不清道不明的聯系呢？

1. 這些圖片看起來也不像雪碧啊？

難道是這樣：雪碧里面有很多的氣泡，這些氣泡均勻的分布在各處，而Css Sprite也是一些小圖片均勻分布在各處，所以叫Css Sprite？

聽起來似乎很有道理，但仔細想想在汽水領域里雪碧銷量不如可樂，那為什么不叫可樂圖呢？

你可能會想可樂是深色背景的，而雪碧則是透明的，剛好Css Sprite大多數也是透明背景的。嗯……聽起來似乎有那么點道理。

2. 實際原因

其實真實的原因是因為雪碧的英文名字是Sprite，而Css Sprite的英文名是CSS Sprites，他倆同樣都有Sprite這個詞。

左邊是雪碧在國內的 logo，右邊是國外的 logo。

可以看到本來在沒進入中國市場之前人家就叫Sprite（精靈），只不過進入了中國市場之后，中國區的負責人表示：用戶去商店買汽水的時候如果對老板說：老板你這里有沒有精靈？聽起來就會感覺很奇怪，所以咱們不要被Sprite這個單詞給限制住了，咱們應該起一個更符合中文語義的名字，于是乎“雪碧”誕生了。

而Css Sprite在國外叫做 CSS Sprite（CSS精靈）反正 Sprite 在國內被叫雪碧，那干脆不如咱們就叫它Css Sprite吧！——來自最先接觸到這項技術的人。

所以后來接觸這項技術的人也就跟隨前人一起叫它Css Sprite了。

3. 小結

既然知道了Css Sprite為什么叫Css Sprite而不叫可樂或者啤酒圖，那么接下來該去解決一下同學心目中的另一個疑問了？

為何要多此一舉的把這么多張小圖片集合在一起形成一張大圖片呢？
就讓小圖片安安靜靜的躺在那里不好嗎？

那么接下來的章節我們就帶領大家去探索Css Sprite的妙處。