css背景属性样式学习
css背景颜色（background-color）
1.简介：background-color是设置标签的背景颜色，在css2中设置为纯色，css3可以设置渐变且可以设置透明度。这种颜色会填充元素的内容区域，内边距，不包括边框和外边距，如果边框有透明部分，例如边框为虚线时，这些边框透明部分会填充背景色。
2.属性值：
（1）transparent ：默认值， 该值为透明，意味着不对标签设置任何值，背景为透明。
（2）color_name ：使用颜色值为颜色名称（英文名）的背景颜色，不推荐使用，颜色过于单调，可用于测试或者构建项目使用
（3）hex_number：使用十六进制颜色名为背景颜色，例如：（#fff）,常用方式，能准确定位到页面背景颜色。
（4）rgb_number：使用rgb代码为背景颜色，例如：（rgb（255,0,0）），不常用
（5）rgba_number：使用rgba代码为背景颜色，相较于rgb则可以设置为透明度，且该透明度只作用于自身，不影响其他颜色。
（6）inherit：继承父级颜色。
css背景图片（background-image）
1.简介：在满足更丰富的样式时，纯色的背景已经不能够继续胜任了，只是可以推荐使用background-image来进行设置背景图片，已获得更为丰富的背景，一般来说背景图片范围为内容区大小，内边距，不包括外边距及边框，在未设置定位时，图片默认定位在左上角，同时进行水平和垂直平铺。
2.属性值：
（1）url（"）：图像的相对地址或者绝对地址
（2）none ： 当未引入图像时，则不显示，如果此时设置有背景颜色，则显示背景颜色
（3）inherit:从元素继承其背景图片
3.扩展：
（1）在css3中，对background-image进行相应的扩展，在同一个元素中设置多个背景图片
css背景图片定位（background-position）
1.简介：对背景图片进行定位，一般来说可以使用属性值和百分比或者像素都可以，取决于开发者爱好，也可以在同一个元素下，对多个background-image进行定位，使用逗号分开即可。
2.属性值：
（1）关键字定位：left top bottom right
（2）使用百分比定位：水平% 垂直%
（3）使用像素定位： 水平px 垂直px
（4）inherit：继承父元素定位（不推荐！）
3.扩展：
（1）对单个背景图片进行定位：
background-position: right bottom;
（2）对多个背景图片进行定位：
background-position: right bottom, left top;
css背景图像重复（background-repeat）
1.简介:对设置的背景图片采取是否平铺或者如何平铺，一般这是默认平铺，同时平铺水平和垂直方向，可以单独设置某个方向进行平铺，水平或者垂直，如果不进行平铺，则以自身的大小进行显示一次。
2.属性值：
（1）repeat：默认值，进行水平或者垂直平铺
（2）repeat-x：只进行水平方向平铺
（3）repeat-y:只进行垂直方向平铺
（4）no-repeat：不进行平铺，背景图片只显示一次
（5）inherit：继承父元素的background-repeat属性
css背景图像是否固定（background-attachment）
1.简介：对css背景图片进行相应的固定处理，可以随着页面一起滚动，或者进行固定，页面卷动但是自身不发生改变。
2.属性值：
（1）scroll：背景图片随页面的其余部分一起滚动，默认值
（2）fixed：图像进行固定，不随着页面的其余部分进行滚动。
（3）inherit：继承父元素的bagckground-attachment属性值
