今天考试，遇到一道选择题。我愣了一下，什么是精灵？通过对每个选项的分析，大致明白了几点：1、是css属性。2、跟图片有关系。3.是背景图。然后选了一个估计不靠谱的，选错成功了。根据查资料，CSSSprites也叫精灵（Sprite）图，将网页中的多个小图标聚集成一个整体。一般命名为“icon.png”，如下图所示。使用时，为元素背景插入这张图片，然后通过background-position进行控制。背景：url(icon.png)不重复；.uli-1{背景位置：0px0px；}.uli-2{背景位置：-30px0px；}.uli-3{背景位置:-30px-30px;}.uli-4{background-position:0px-30px;}现在我们明白了，Sprites就是我们平时使用的图标图片的集合。Sprites的优点是：1.减少网页的http请求，大大提高网页的性能。2.将多张图片合并为一张可以减少字节。提高网页加载速度。3、命名方便，一个命名可以多次使用。Sprites的缺点是：1、开发繁琐。2、后期维护麻烦。（经历过的都知道）
