前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！
background我们一般用到的的属性有：
background-attachment：背景（图片）是否随页面滚动；
background-origin：背景（图片）的位置的原点（图片位置从哪开始）;
background-color：背景颜色；
background-image：背景图片；
background-clip：背景（图片和背景色）的可视区域（有一部分被裁剪掉）；
background-position：背景（图片）的位置；
background-size：背景（图片）大小；
background-repeat：是否重复背景图片；
这些属性可以全部合并成一个缩写格式，background : attachment origin color image clip position/size repeat ；
background 缩写谨记：
如果同时设置 background-position 和 background-size，那么它们要连着一起写，并用"http://www.likecs.com/"隔开，前面的是 background-position，后面的是 background-size；
如果你只想设置 background-size，不设置 background-position，方法就是写成 0 0 / size ，是两个 0；如果只写了一个 0，那么垂直位置默认为 center。如果两个 0 都不写，那么浏览器就会把 background-size 值当成 background-position 值，然后就没有 background-size 值了。
background-clip 默认是 border-box，background-origin 默认是 padding-box；都可设置 border-box | padding-box | content-box；当缩写中只出现一个值时，background-clip 和 background-origin 都会变成这个值；如果设置了两个不同的值，那么前者是 background-origin（位置原点），后者是 background-clip（图片裁剪）。
背景颜色 background-color 默认是占据 padding 和 border 区域的，不占 margin；
背景图片 background-image 默认位置是从 padding 开始，不占 border；在 IE6/7，background 没有占据 border；
.wrapper { width: 200px; height: 80px; margin: 100px; padding: 30px; border: 10px dashed #0ff; background: #f60; }