人的一生，如同草木，春萌秋萎。走过这一程，我们经历的太多，能够于心铭记的，却只有那么微小的一部分。
    下面我就CSS中那微小的精灵技术进行简单的小结：
  一、 CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的某个小图。这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。
      我们需要使用CSS的：
- background-image、
- background-repeat
- background-position属性进行背景定位，
- 其中最关键的是使用background-position 属性精确地定位
   
css精灵技术主要针对于背景图片，插入的图片img 是不需要这个技术的。

1. 精确测量，每个小背景图片的大小和 位置。
2. 给盒子指定小背景图片时， 背景定位基本都是 负值。

二、聊聊如何在浮动中居中
        浮动居中
float只有left和right，没有center。 可以如下设置居中

div {
    margin-left: auto;
    margin-right: auto;
}

    人的一生，如同草木，春萌秋萎。走过这一程，我们经历的太多，能够于心铭记的，却只有那么微小的一部分。
    下面我就CSS中那微小的精灵技术进行简单的小结：
  一、 CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的某个小图。这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。
      我们需要使用CSS的：
- background-image、
- background-repeat
- background-position属性进行背景定位，
- 其中最关键的是使用background-position 属性精确地定位
   
css精灵技术主要针对于背景图片，插入的图片img 是不需要这个技术的。

1. 精确测量，每个小背景图片的大小和 位置。
2. 给盒子指定小背景图片时， 背景定位基本都是 负值。

二、聊聊如何在浮动中居中
        浮动居中
float只有left和right，没有center。 可以如下设置居中

div {
    margin-left: auto;
    margin-right: auto;
}