css背景

概要

　　每个盒子都由2个图层组成，前景和背景。前景包括内容和边框，背景可以设定颜色和图片。

背景颜色（background-color）

　　默认为透明，会按指定的颜色进行填充。

背景图片（background-image）

　　默认以盒子左上角为原点，背景图小于元素时会平铺。

背景重复方式（backgroung-repeat）

　　默认repeat(水平和垂直方向都重复)、no-repeat(不准重复)、repeat-x(水平平铺)、repeat-y。

背景位置（background-positon）

　　使用百分比:写两个值时第一个控制x轴，第二个值控制y轴。 写一个值时会被用于控制水平方向，垂直方向默认为center。

　　使用px时：相对于元素的左上角进行定位。

背景图片大小（background-size）

　　使用百分比：缩放图片，让它的宽度到达相对元素指定百分比。  写一个值时控制的是宽度，高度会随宽度等比缩放。

　　使用px：把图片调整到指定大小。（未保持图片原有比例，搞位图基本都是失真）。

背景附粘（background-attachment）

　　元素滚动时，背景图是否跟随滚动。默认值是scroll背景图跟随元素滚动。

　　fixed：背景图不跟随元素滚动。经常用于body，做内容滚动背景不动的效果。

简写：使用background属性就能够指定以上所有特性，没有指定的值会使用默认属性代替。

注意：使用background属性指定背景时会覆盖之前的粒度控制。