css3.背景

背景图像
1，背景图像区域
–指定背景绘制区域

background-clip：border-box | padding-box | content-box
/*-----从边框开始，从内边距开始，从内容区开始*/

2，背景图像定位
–指定background-position属性应该是相对定位

background-origin:padding-box | border-box | content-box;
/*-----以内边距左上角为原点，以边框，以内容区*/

3，背景图片大小
–指定背景图片的大小

background-size:length | percentage | cover | contain;
/*若设置了width,则height 默认值为 auto,取决于背景的原始比例*/
/*cover 以图片比例放大或缩小填充背景区；contain 至少满足一边为背景区的100%，取决于其图片原始比例*/

4，多重背景图像

background-image:url(img1.jpg),url(img2.png);
/*------越靠前层级越高-----*/

5，背景属性整合

background: color position size repeat origin clip attachment image;
/--推荐--/
background: color image repeat position;
background-size:50%;
background-origin:content-box;
background-clip:comtent-box;
background-attachment:fixed;