3.CSS背景

通过css背景属性，可以给页面元素添加页面背景样式。

背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像定位等。

3.1背景颜色

background-color:transparent(透明)/颜色16位

background-image属性描述了元素的背景图像，实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片，优点是非常便于控制位置（精灵图也是一种运用场景）

background-imagge:none|URL（url）

background- repeat: repeat/no-repeat/repeat-x/repeat-y

利用background属性可以改变图片在背景中的位置

background-position: x y;

参数代表的意思是，X坐标和Y坐标，可以使用方位名词或精确单位。

positoin:top ,center,botton, left,center,right,top

1.参数是方位名词：

如果指定的两个值都是方位名词，则两个值前后顺序无关，比如

left top, top left效果一致

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

加入插入的背景图比屏幕要大，若要让图在整个屏幕中居中显示就使用

background-postion: center,top;

2.如果参数是精确坐标，那么第一个肯定是X坐标，第二个肯定是Y坐标。

如果只指定一个数值，那么第一个数肯定是X坐标，另一个默认垂直居中。

3.参数是混合单位

如果指定的两个值是精准单位和方位名词混合使用，则第一个值是X坐标，第二值是y坐标。

background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动

backgroound-attachment : scroll | fixed;

scroll: 背景图像随对象滚动。

fixed:背景图像固定，停留在页面中而不随着内容滚动。

背景习惯性约定方式是

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

background： URl() red scroll/fliex no-repeat/ reapeat-x/repeat-y

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

最后一个参数是aLpha透明度，取值范围在0-1之间

习惯把0.3的0省略掉，写为background(0,0,0,.3)

注意：半透明是指盒子背景半透明，盒子里面的内容不受影响。

css3新增属性是IE9+版本浏览器才支持的

background-color: 定义颜色值/十六进制/RGB代码。

background-image:url(图片路径)。

background-repeat:repeat/no-repeat/repeat-x/repeat/y.

background-position:分别表示位置。

backgroung-attachment:是否滚动

背景简写： backround：url() red position repeat filex.

背景颜色半透明：background（0，0,0,0.3）