CSS sprites是指把网页中很多小图片（很多图标文件）做成按规律排列的一张大图上，在显示的时候通过background-image、background-position显示图片特定部分达到和分散的一张张小图片一样的效果。
作用：
作用：background-size设置 背景图像的大小尺寸 。
一、margin和width实现水平居中
优点： 实现方法简单易懂，浏览器兼容性强；
缺点： 扩展性差，只能针对已知宽度的div，无法自适应未知项情况。
)
二、inline-block实现水平居中方法
做点： 简单易懂，扩展性强；
缺点： 需要额外处理inline-block的浏览器兼容性。
1）、opacity作用于元素以及元素内的 所有内容的透明度 ，子元素会继承父元素的 opacity 属性。
2）、rgba()只作用于元素的颜色或其背景色，后代元素不会继承透明性,只是针对自己本身有效，无法使内部的所有元素透明。
要是背景图片居中，需要借助于css中的background属性，background 简写属性其定义及用法如下：background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性：
1，background-color 规定要使用的背景颜色。
2，background-position 规定背景图像的位置。
3，background-size 规定背景图片的尺寸。
4，background-repeat 规定如何重复背景图像。
5，background-origin 规定背景图片的定位区域。
6，background-clip 规定背景的绘制区域。
7，background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。
background-image 规定要使用的背景图像。
如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif')也是允许的。
通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。
background-position 即是规定背景图片的位置。它的值分别有以下：
top,left,right,bottom
所以需要想背景图片居中显示的话，可以这样写：
#menu_bg{background:url(../images/index_x.jpg) center center}
CSS中定位背景图片的属性是：background-position，用法background-position 属性设置背景图像的起始位置。你要水平居中可以：div{background-position:center center}//第一个center是水平居中，第二个center是上下居中CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
