好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Css Sprite和雪碧之间有什么关系?

难道是这样:雪碧里面有很多的气泡,这些气泡均匀的分布在各处,而Css Sprite也是一些小 图片 均匀分布在各处,所以叫Css Sprite?

听起来似乎很有道理,但仔细想想在汽水领域里雪碧销量不如可乐,那为什么不叫可乐图呢?

你可能会想可乐是深色背景的,而雪碧则是透明的,刚好Css Sprite大多数也是透明背景的。嗯……听起来似乎有那么点道理。

2. 实际原因

其实真实的原因是因为雪碧的英文名字是 Sprite ,而Css Sprite的英文名是 CSS Sprites ,他俩同样都有 Sprite 这个词。

image.png

左边是雪碧在国内的  logo ,右边是国外的  logo 。

可以看到本来在没进入中国市场之前人家就叫 Sprite (精灵),只不过进入了中国市场之后,中国区的负责人表示: 用户 去商店买汽水的时候如果对老板说:老板你这里有没有精灵?听起来就会感觉很奇怪,所以咱们不要被 Sprite 这个单词给限制住了,咱们应该起 一个 更符合 中文 语义的名字,于是乎“ 雪碧 ”诞生了。

而Css Sprite在国外叫做  CSS Sprite (CSS精灵)反正 Sprite 在国内被叫雪碧,那干脆不如咱们就叫它Css Sprite吧!——来自最先接触到这项技术的人。

所以后来接触这项技术的人也就跟随前人一起叫它Css Sprite了。

3. 小结

既然知道了Css Sprite为什么叫Css Sprite而不叫可乐或者啤酒图,那么接下来该去 解决 一下同学心目中的另 一个 疑问了?

为何要多此一举的把这么多张小 图片 集合在一起形成一张大 图片 呢?

就让小 图片 安安静静的躺在那里不好吗?

那么接下来的章节我们就带领大家去探索Css Sprite的妙处。

查看更多关于Css Sprite和雪碧之间有什么关系?的详细内容...

  阅读:66次

上一篇

下一篇

第1节:什么是Css Sprite?    第2节:Css Sprite和雪碧之间有什么关系?    第3节:为什么要使用Css Sprite?    第4节:Css Sprite过时了吗?    第5节:JPG 格式图片    第6节:PNG 格式图片    第7节:SVG 格式图片    第8节:Css Sprite:矩形图    第9节:Css Sprite:条形图    第10节:背景图片    第11节:背景图定位    第12节:动态变更背景图位置    第13节:Css Sprite尺寸不吻合时怎么办?    第14节:过渡动画和帧动画的区别    第15节:适合过渡动画的场景    第16节:适合用帧动画的场景    第17节:帧动画和过渡动画的优缺点    第18节:CSS 动画的定义    第19节:CSS 动画的调用    第20节:帧动画函数steps()的解析    第21节:动画实例项目结构    第22节:定义动画    第23节:调用动画    第24节:连接两个Css Sprite的动画