css的背景属性

一、分类

　　1.背景颜色

　　2.背景图片

　　3.背景平铺

　　4.背景图片位置

　　5.背景图像固定

二、背景颜色

　　1.格式：background-color: 选择颜色

三、背景图片

　　1.描述了元素的背景图像，优点：便于控制位置

　　2.格式：background-image：none｜URL（URL） none:无背景图 url:使用绝对或相对地址指定背景图像。

四、背景平铺

　　1.对背景图像进行平铺

　　2.格式：background-repeat: repeat | no-repeat | repeat-x | repeat-y

　　repeat: 背景图像在纵向和横向平铺

　　no-repeat：背景图像不平铺

　　repeat-x：背景图像在横向上平铺

　　repeat-y：背景图像在纵向平铺

五、背景图片位置

　　1.可以改变图片在背景中的位置

　　2.格式：background-position: x y;

　　x坐标和y坐标，可以用方位名词或者精确单位

　　方位名词：top center bottom left center right

　　精确单位：百分数｜由浮点数字和单位标识符组成的长度值

　　3.如果指定的两个值都是方位名词，则两个值前后顺序无关，比如 left top 和 top left 效果一至

　　4.如果只指定了一个方位名词，另一个值省略，则第二个值默认居中对齐

　　5.如果参数值是精确坐标，那么第一个肯定是x坐标，第二个一定是y坐标

　　6.如果只指定了一个数值，那该数值一定是x坐标，另一个默认垂直居中

　　7.可以混合单位，一个是数值一个是方位名词

六、背景图像固定

　　1.设置背景图像是否固定或者随着页面的其余部分滚动 

　　2.格式：background-attachment：scroll | fixed  scroll是滚动，fixed是不滚动

七、背景属性复合写法

　　1.简约代码

　　2.没有顺序要求

　　3.提倡格式：background: transparent url(图像地址）repeat-y fiexd top;

　　 background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图像图片位置

八、背景色半透明

　　1.background: rgba(0,0,0,0.3)

　　最后一个数值alpha透明度，取值范围在0—1之前

九、总结