css之background

针对background的属性进行一下总结分析：

1、background-size　　背景大小

　　参数：

　　　　　普通数据：30px 40px

　　　　　百分比：30% 50%

　　　　　cover：将背景图片等比例缩放到完全覆盖容器大小

　　　　　contain：将背景图片等比例缩放到宽度或者是高度与容器相等的一边（有可能出现空白区域）

2、background-clip　　从某一个位置截掉图片

　　参数：

　　　　border-box

　　　　padding-box

　　　　content-box

3、background-origin　　从某个地方显示背景图片

　　参数：

　　　　border-box

　　　　padding-box

　　　　content-box　

4、background-color

　　参数：

　　　　english/rgba/rgb/#ff0/hsl/hsla

5、background-images　　设置图片

　　可设置一张或者是多张图片，url间用逗号隔开（平时可放2张以上这样可以针对网络不好的情况）

6、background-attachment　　定义滚动时背景相对于哪个元素固定

　　参数：

　　　　scroll/local/fixed

7、background-repeat　　背景平铺

　　参数：

　　　　no-repeat、rpeat-x、rpeat-y、rpeat　　这是一个值的情况

　　　　round：当背景图像不能以整数次平铺时，会根据情况来进行缩放（图片会变形）

　　　　space：不会拉伸，但有空白的区域