html、css雪碧图（图片拼合技术

1. 定视口

   • 用一个标签盒子占位
   • 将其设置为行内块并设置宽高大小

2. 插图

   • background-image

3. 定位

   • background-position 调整图片及显示位置显示位置

   • 图片背景

     • background-image: url(图片路径);

     • background-repeat 图片重复显示设置

   值	说明
   repeat	背景图像将向垂直和水平方向重复。这是默认
   repeat-x	只有水平位置会重复背景图像
   repeat-y	只有垂直位置会重复背景图像
   no-repeat	background-image 不会重复
   inherit	指定 background-repeat 属性设置应该从父元素继承

   • background-size 图片大小

   • <