background-position属性及css精灵

 position就是“位置”的意思。background-position就是背景定位属性。

background-position:向右移动量 向下移动量;

 定位属性可以是负数：

 css精灵

“css精灵”，英语css sprite，所以也叫做“css雪碧”技术。是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。

css精灵有什么优点，就是减少了http请求。比如4张小图片，原本需要4个http请求。但是用了css精灵，小图片变为了一张图，http请求只有1个了。

用fireworks精确控制精灵，在图片上定位出自己想要的部分

精灵的使用：

background: url(images/taobao.png) no-repeat -145px  -83px;

 软件戳这里，提取码   1gyc