背景background

一、背景是一个综合的复合属性

　　background:#000 url(imgs/imgs.png) no-repeat fixed center - 30px;

　　背景： 颜色、图片位置、是否平铺、固定、定位。

二、背景相关属性的单独含义

　　1、背景的颜色

　　　　　　background-color:颜色的16进制值，颜色的10进制值（带有透明度），标有颜色的单词

　　2、背景图片

　　　　　　background-image:url(对应的路径) 可以是绝对路径也可以是相对路径；路径不需要双引号

　　3、背景平铺

　　　　　　background-repeat:no-repeat;//不平铺

　　　　　　　　　　　　　　　repeat-X;//横向平铺 repeat-Y;//纵向平铺 repeat;//全部平铺

　　4、背景定位

　　　　　　background-position:left top;//利用方位词来改变背景图的位置，方位词没有顺序，对结果无影响right bottom;

　　　　　　　　　　　　　　　只写一个的话，另一个默认为center;

　　　　　　　　　　　　　　　具体的像素值；是以元素的左上角作为参考点的。水平像素值 垂直像素值

　　　　　　　　　　　　　　　当方位词和像素值公共用时可以

　　5、背景图固定

　　　　background-attachment：fixed;//默认scroll;//滚动的

　　6、背景缩放

　　　　background-size:100px;//宽度为100px高度自行根据背景图片的尺寸计算出来的

　　　　　　　　　　　　50%;宽为盒子宽度的一半，高度根据背景图片的尺寸计算出来

　　　　　　　　　　　　cover;//相当于宽度为100%,如果对应的高度溢出则会隐藏

　　　　　　　　　　　　contain;//保证图片完整的展示在盒子中，并且盒子宽度和高度重有一个是铺满的