background的一些使用

background是指盒子的背景样式，在css中应用很广
主要有：
    background-color：为元素设置一种颜色（主要用来设置盒子的纯色背景）
    background-image：为元素设置一个背景图片（将图片作为盒子的背景）
    background-size：设置背景的大小（可以用来设置背景图片的宽高）
                        主要取值有：cover、contain、百分比、绝对值
                        cover覆盖，会将图片放大到覆盖盒子，但是只会出现一张图片。

                        contain 是将图片按比例拉伸，可能会有好几张图片出现。

 

    background-repeat：设置背景图片的重复方式，默认的重复方式是repeat
    background-origin：设置背景的起始点，主要的值有padding-box（从内边距开始 默认），border-box（从边框开始），content-box（从内容框开始）

    background-clip：设定背景的覆盖范围，和background-origin一起设置会更家看的出效果，所取的值同origin一致
    background-attachment：设置背景图片的固定点，常用值有fixed（字跟着滚动条走，图片固定 fixed跟着body）/local（字跟着图片走，滚动的时候图片也会动）

 

    background-position：设置背景图像初始位置，可以实现图片精灵，不过注意：这里是指移动图片，来使得相应的图标到合适的位置，其他部分图片隐藏，所以设置position的时候值一般都是负数。

图片精灵： background-position: -290px -65px;
        使用background-position可以应用于图片精灵，不过注意：这里是指移动图片，来使得相应的图标到合适的位置，其他部分图片隐藏，所以设置position的时候值一般都是负数。
   

background可以实现背景设置的速记写法