1. 精灵图
1.1 什么是精灵图
CSS Sprites 可以翻译为 精灵图或雪碧图， 把多个小图放在一个大图上，很多元素都使用这个大图作为背景图，但是每个元素尺寸并不如大背景图大，可以调整背景图在元素上的位置， 让元素上只显示背景图的一部分。
1.2 精灵图实现原理
使用 CSS 属性 background-position 调整背景图位置！
注意：
精灵图坐标位置，大部分会设置为负值。
1.3 精灵图的优势
减少资源的请求次数，提高页面的加载速度。
多个元素使用的是一张背景图片，浏览器值下载一次就好。
2 favicon 图标
favicon 图标会显示在页面标题的前面。
使用 link 标签指定 favicon 图标。
<link rel="shortcut icon" href="ico图片地址">
作为 favicon 图标的图片，类型是 ico 类型。
作业
尚品汇页面
