background概括

background-color：；

取值：#fff /#000 /rgb（0，0，0）/rgba（0，0，0，0[透明度]）/ hsl（100[颜色]，50%[饱和度]，50%[亮度]）/  hsla（100[颜色]，50%[饱和度]，50%[亮度]，0[透明度] 

background-size：； css中新增的一个属性，专门用于设置背景图片大小

属性：1、像素： background-size：100px  100px； 第一个参数是宽度，第二个参数是高度

     2、百分比： background-size：50%   50%；  第一个参数是宽度，第二个参数是高度

     3、宽度等比例拉伸：background-size：auto  100px； 第一个参数是宽度，第二个参数是高度

     4、高度等比例拉伸：background-size：100px  auto； 第一个参数是宽度，第二个参数是高度

     5、cover：background-size：cover；告诉系统图片需要等比例拉伸，且图片拉伸到宽度和高度都填满元素

     6、contain：background-size：contain；告诉系统图片需要等比例拉伸，且图片拉伸到宽度或高度都填满元素

background-image：；

  取值：url（img/01.jpg） 设置背景图片，图片会盖住背景颜色/linear-gradient（top，red，white）// 线性渐变

background-repeat：默认平铺；

 no-repeat/repeat-x只在水平方向平铺/repeat-y只在垂直方向平铺

背景定位

   background-position：0（设置水平方向 left） 0（设置垂直方向 top）；具体的像素可以接受负数

背景关联方式

background-attachment：scroll默认值，会随着滚动条的滚动而滚动/fixed不会随着滚动条的滚动而滚动；

背景图片定位区域属性

background-origin：padding-box（内边距）/border-box （盒子）/ content-box（内容）；告诉系统图片从哪个区域开始显示，默认从padding开始

背景绘制区域属性

 background-clip：padding-box（内边距）/border-box （盒子）/ content-box（内容）；专门用于指定从哪个区域开始绘制背景的，默认从border区域开始

ps：content–box 当padding区域呈递背景的时候使用

多重背景图片

  background：url（img/01.jpg）no-repeat，url（img/01.jpg）no-repeat；多张图片之间用逗号隔开，先添加的背景图片会盖住后添加的背景图片

---

  一体式书写：background：背景颜色 背景图片 平铺方式 关联方式 定位方式；