知识点：
1）background-image属性
2）background-position属性
特点：
1）相对于单个小图标，它减少请求次数，节省文件体积
2）一般情况下需要保存成png-24格式
3）可以设计丰富多彩的图标
难点：
1）预先定义每个图标的大小
2）每个图标之间的距离
2.font+html
3.font+css
今天尝试做了一下雪碧图的
问题一：li中放一个小标签<i>，li中写文字，会把文字挤到偏下的位置
解决：给小标签<i>设置浮动 float:left 此处需要学习一下浮动的知识
问题二：background的position问题
解决：
1）改变位置时，x,y都是负值
2）小图标应该是inline-block，单独设置background-position
3）如果不想单独设置，可以用background: url(“icon.png”) no-repeat -70px -70px/200% 1000%;按照倍数放大
问题三：text-shadow
解决：text-shadow: 5px 5px 15px #6751ff; x方向，y方向，晕染效果，颜色
问题四：<i>的设置
解决：小图标应该是inline-block，单独设置background-position
问题五：找子元素
解决：
1）我是用的当前元素.querySelector(‘.item’)来做的
2）找到子节点看看classname是否相等