css sprite 图片整合处理技术（精灵技术）

CSS Sprites

1. CSS Sprites的原理
   将导航背景图片，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用background-position”来实现背景图片的定位技术。

2. 图片整合的优势
   1）通过图片整合来减少对服务器的请求次数，从而提高 页面的加载速度。
   2）通过整合图片来减小图片的体积。

---

background:#000 url() no-repeat center top;

关于兼容性：ie8及以下no-repeat前的空格不能掉，背景颜色也要写在前面而不是后面，可加可不加