本期主题是background的妙用_css精灵，感兴趣的同学继续看下去吧。在前面我们已经了解到了网页当中背景的基本用法了，包括：背景颜色，背景图片，背景图片是否重复，背景图片是否平铺等等基础样式。今天要和大家讨论的是背景图的一个稍微高级一点的用法：图片精灵（也叫：雪碧图，css精灵）。先来看一些大网站：这是淘宝，在这个地方就用到了雪碧图，再来看看这张图片是什么样子的再来一个：百度来看看这张背景图片：虽然我不太理解作为百度，居然会把这么多的图标放在一张背景图片上，而且貌似这个页面也并没有用到这些图标；这些不在今天的讨论之列。我们今天就只是来看看图片精灵。从上面两个互联网巨头的网站上来看，图片精灵这东西在网站当中的应用非常广泛，在此之前我本人也非常喜欢用雪碧图。它体积小，为网站节省流量；它集多张小图标于一张图片，减少了很多
转载请注明：http://www.aierlanlan.com/rzgz/6948.html
