Web基础(从零开始)——CSS背景设置（颜色，图片，位置，背景图像固定）

1.背景颜色：一般情况下背景颜色看不见，可以通过background-color设置颜色。

2.背景图片：（插入图片位置比较难调，一般使用背景图片）通过    background-image: url(图片地址);     设置背景图片，背景图片默认平铺。

设置背景平铺：background-repeat: repeat（平铺）|no-repeat（不平铺）|repeat-x（沿x轴平铺）|repeat-y（沿y轴平铺）;

3.背景图片位置：background-position:x y ;x坐标和y坐标，可以使用方位名词（top|center|bottom|left|right）或者精确单位

（1）参数是方位名词

        1、则两个值的前后顺序无关例：left top和top left效果等价

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

（2）参数是精确单位

        1、参数值是精确坐标，第一个肯定是x坐标，第二个一定是y坐标（即前后顺序有影响）

        2、如果只指定一个值，则为x坐标，另一个是垂直居中的。

（3）混合单位：如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x坐标，第二个值是y坐标

4.背景图像固定：background-attachment:scroll | fixed  属性设置背景图像是否固定或者随着页面的其余部分滚动。默认是scroll背景图像随对象内容滚动的，可以设置为fixed背景图像固定

5.背景色半透明：background:rgba(0,0,0,0.3);前三个数值分别对应rgb值，最后一个是alpha透明度，取值范围在0~1之间