关于background

background目前有size;  color;  image;  repeat;position;attachtment;

作用分别是一：调整背景大小。

语法：background-size：auto | cover | lenth | contain | percentage

background-auto:背景的原始大小，不做更改；

background-cover:背景会平铺放大覆盖整个盒子，会使背景图失真；

background-lenth:具体值用来改变背景图片大小；

background-contain:其作用和cover相反，当盒子太小背景图太大时，就可以是背景图缩小以适用于盒子，缺点也是会使背景图失真；

background-size:是具体的lenth值或者percentage百分数；

二：设置背景颜色。

background-color:#ffaabb也可以使rgba;

三：背景图引用。

background:url();括号内为图片地址。

四：背景图重复。

background-repeat:repeat-x;repeat-y；分别是x，y轴的重复。

五：背景图位置。

background-position主要是用为设置背景图片的位置，其默认值为(0,0)||(0%,0%)||(left top),可以进行具体的百分数或数值设置，也可以使用left,center,top,right,top,bottom配合设置，而其中以下几种表示相同定位方式：

"top left","left top"和"0% 0%","0,0"代表元素的左上角；

"top","top center","center top"和"50% 0"表示在元素顶边居中位置；

"right top","top right"和"100% 0"代元素的是元素的右上角位置；

"left","left center","center left"和"0% 50%"表示在元素左边中间位置；

"center","center center"和"50% 50%"表示在元素中间位置；

"right","right center","center,right"和"100% 50%"表示在元素右边中间位置；

"bottom left","left bottom"和"0% 100%"表示在元素的左下角；

"bottom","bottom center","center bottom"和"50% 100%"表示在元素的底下中间点位置；

"bottom right"，"right bottom"和“100％ 100％”表示在元素右下角位置.

六:背景图滚动设置。

background-attachment:scroll | fixed.

scroll下背景图片会随着页面拖动进行滚动，相反fixed不会滚动，一般不用。