019背景补充

background-color
　　-会设置元素的背景色，平铺整个border -box
默认值: transparent 不可继承

background- repeat：控制平铺与否
background-image
　　-属性用于为-个元素设置一个或多个背景图像，图像在绘制时，以z轴方向堆叠的方式进行。先指定的图像会在后指定的图像上面进行绘制。
　默认从padding- box开始绘制，从border -box开始剪裁。Css3中有多背景，默认绘制时尺寸是自己的位图像素　
注意: background-color会在image之下进行绘制，边框和内容会在image之 上进行绘制
默认值: none 不可继承

=background-position
　　-指定背景位置的初始位置（控制背景图片在背景区域中的位置）
默认值: 0% 0%不可继承
值:
百分比:参照尺寸为背景图片定位区域的大小减去背景图片的大小（参照于背景区域减去背景图片的位图像素值）
第一个值:元素在水平方向的位移
第二个值:元素在再直方向的位移
关键字:
top left and left top　Same as ‘0% 0%’，
top, top center, and center top　Same as ‘50% 0%’.
right top and top right　Same as ‘100% 0%’，

background- attachment
　　-决定背景是在视口中固定的还是随包含它的区块滚动的。
默认值: scroll 不可继承
值:
-fixed
　　此关键字表示背景相对于视口固定。即使一个元素拥有滚动机制，背景也不会随着元素的内容滚动
-scroll
　　此关键字表示背景相对于元素本身固定，而不是随著它的内容滚动

background-size
　　-设置背景图片大小
默认值: auto auto不可继承
值:
百分比:指定背景图片相对背景 区(background positioning area)的百分比。背景区由background-origin设置，默认为盒模型的内容区与内边距，也可设置为只有内容区，或者还包括边框。如果attachment 为fixed，背景区为浏览器可视区（即视口），不包括滚动条。不能为负值。

background-origin
　　-规定了指定背景图片background-image 属性的原点位置的背景相对区域.，默认为盒模型的内容区与内边距
auto:
以背景图片的比例缩放背景图片。
注意:
单值时，这个值指定图片的宽度，图片的高度隐式的为auto
两个值:第- -个值指定图片的宽度，第二个值指定图片的高度
注意：当使用 background-attachment 为fixed时，该属性将被忽略不起作用
border-box
　　－背景图片的摆放以border区域为参考
padding-box
　　－背景图片的摆放以padding区域为参考
content-box
　　－ 背景图片的摆放以content区域为参考

background- clip:
　　-设置元素的背景（背景图片或颜色）是否延伸到边框下面
border-box
　　－背景延伸至边框外沿（但是在边框下层）。
padding-box
　　－背景延伸至内边距（padding）外沿。不会绘制到边框处。
content-box
　　－背景被裁剪至内容区（content box）外沿。
text
　　－背景被裁剪成文字的前景色。-webkit-background-clip:text;
注意：如果没有设置背景图片（background-image）或背景颜色（background-color），那么这个属性只有在边框（ border）被设置为非固实（soild）、透明或半透明时才能看到视觉效果（与 border-style 或 border-image 有关），否则，本属性产生的样式变化会被边框覆盖。

background是CSS简写属性，用来集中设置各种背景属性。background可以用来设置一个或多个属性:background-color, background-image, background-position,background-repeat, background- size, background- attachmento
默认值:不可继承
background- image: none
background- position: 0% 0%
background- size: auto auto
background-repeat: repeat
background- origin: padding-box
background- clip: border-box
background- attachment: csroll
background- color: transparent
顺序无关
/*里野认情况 下背景图片是从padding box开始绘制从border box开始剪裁