background属性：

Background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图上和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项：

 

（1）background-color 设置背景颜色

 

（2）background-image 设置背景图片地址

 

（3）background-repeat 设置背景图片如何重复平铺

 

（4）background-position 设置背景图片的位置

 

（5）background-attachment 设置背景图片是固定还是随着页面滚动条滚动

 

实际应用中，可以用background属性将上面所有的设置项放在一起，而且也建议这么做，这样做性能更高，而且兼容性更好，如：”background:#00ff00 url(bgimage.gif) no-repeat left center fixed”,其中#00ff00是设置background-color;url(bgimage.gif)是设置background-image;no-repeat是设置background-repeat;left center是设置background-position;fixed是设置background-attachment;各设置项用空格隔开，有的设置项也可以不写，它会使用默认值。

 

 

 

background-size使用：

--length:

 

固定的值，如：100px 100px

 

--percentage:

 

百分比，如：90% 90%

 

--cover:

 

背景图片的较小边放大到目标大小结束

 

--contain:

 

背景图片的较大边放大到目标大小结束