CSS中的背景小知识

1.css中的背景有很多属性，在写的时候可以用background：xxx  xxx 写在一起；也可以分开写，如background-color；background-image等等

2.背景颜色的写法

1.    颜色名（red、green、whitesmoke......）

2.    十六进制（#FF0000 可缩写为 #F00）

3.    rgb（0~255，0~255，0~255，.2）    可在0~255取值, ".2"表示透明度

4.    hsl（0，xx%，xx%）    "0"指定色相，后面两个百分数分别指定饱和度和亮度（即透明度）

3.背景图设置

background-image: url(路径)    //路径无需带引号

background-size: xxpx        //设置背景图的尺寸大小

background-repeat: no-repeat/repeat-x/repeat-y    //设置背景图的平铺方式

background-position: （1）center/top/bottom（粗定位）
                     （2）xxpx xxpx （细定位）————指定相对于容器水平移动xxpx，垂直移动xxpx

（注：容器大小/图片大小变化时，背景大小和位置都要变化，一般是同比例缩放）

4.背景图渐变属性

//toright指定渐变方向，从左向右；red指定渐变开始的颜色，green指定渐变结束的颜色
linear-gradient(toright, red, green)   


//xxxdeg也是指定渐变方向，0deg:下——>上； 45deg：左下——>右上；90deg：左——>右； 180deg：上——>下 
linear-gradient(xxxdeg, red, green) 

//xx%指定前面的颜色占渐变的比例
linear-gradient(xxxdeg, red, xx%, green, xx%, 颜色名, xx%)

5.适配移动端时，图片要缩小，以适应移动设备的高分辨率