雪碧图

雪碧图是图片拼接技术，主要用来减少http请求。

制作

1. ps 自己制作
2. 使用工具，在windows有CSSGaga

使用

1.html结构
使用css雪碧图的一般html结构具有相似性

<i></i>
<h3>电脑办公</h3>

2.css样式
一般的处理方式：给需要公用一个背景的元素使用同一个出class,同时给元素添加背景；
然后在具体的每一项，使用背景定位来确定背景的位置。

注意

background-position的方向问题，是与我们的正常不一样，

总结

制作
使用
HTML和CSS使用技巧
注意位置的方向问题