前端——CSS（六）——CSS高级技巧

1. 精灵图

1.1 为什么需要精灵图

一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。
因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites、CSS雪碧）
核心原理： 将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。

1.2 精灵图（Sprites）的使用
使用精灵图核心：

1.精灵图技术主要针对背景图片使用，就是把多个小背景图片整合到一张大图片中。
2.