css background属性

简写
background: background-color background-image background-position/background-size background-repeat background-attachment background-clip background-origin;

background-color: red | #ff0000 | rgb(255,0,0) | transparent (透明，默认) | inherit (继承父元素)
1.只能设置一个
2.transparent在不希望某元素拥有背景色且不希望被用户对浏览器的设置影响时使用
3.填充元素内容、内边距和边框，扩展到元素边框的外边界（不包括外边距）
4.设置一个保证图片不可用时有良好的视觉效果

background-image: url() | none(不显示，默认) | inherit (继承父元素)
1.根据background-repeat的值来设置是否平铺
2.初始图像根据background-position的值放置

background-position: left center | 10% 10% | 10px 10px
1.仅规定一个关键词，第二个值为center
2.仅规定一个值，第二个值为50%
3.background-attachment: fixed时，才能保证该属性在 Firefox 和 Opera 中正常工作

background-size: 10px 10px | 50% 10% | cover | contain
1.只设置一个值，第二个值默认auto
2.cover是使背景图完全覆盖
3.contain是吧图像扩展至最大尺寸，使其宽高完全适应内容区域

background-repeat: repeat(默认) | repeat-x | repeat-y | no-repeat | inherit
1.默认在水平和垂直方向重复

background-attachment: scoll | fixed | inherit
1.scoll表示背景随页面其他部门一起滚动
2.fixed表示背景图像固定

background-clip: border-box | padding-box | content-box
1.content-box表示背景被裁剪到内容框

background-origin: border-box | padding-box | content-box
1.规定background-position相对于什么位置来定位
2.background-attachment: fixed时该属性无效