css对div进行样式修改（background的使用方法）

一：内容 content

1. 块元素 宽高决定内容大小
2.行内元素 不识别宽高，内容决定大小
3.行内块元素 识别宽高

二：内填充 padding

padding: 上 下 左 右；
默认撑大盒子大小

三：边框 border

border-width: 宽度
border-style: 样式 dashed虚线  dotted点状线  double双实线  solid单实线
border-color : 颜色
border: 宽度  样式  颜色（没有顺序）
border-radius: 50%  圆角边框
默认撑大盒子大小

四：外边距 Margin

特点一：块元素 上下外边距 求最大值
特点二：行内元素 不识别上下 左右外边距求和
特点三: 行内块元素 上下左右求和
特点四: 嵌套元素，子元素的margin-top会向上传递，父节点添加overflow-hidden解决

五：背景

1.背景颜色

 background-color

2.背景图片

 background--image:  url（路径）

3.背景图片的重复

 background-repeat：
    repea  重复
    no-repeat 不重复
    repeat-x 水平重复
    repea-y 垂直重复
    round  缩放的重复铺满
    space 不缩放的重复铺满

4.背景图片的位置

background-position:
    top/left/right/bottom
    距离起始位置的x ，y 的像素值

5.背景图片的大小

background-size
    width，height 像素值定义宽高
    cover  完全铺满  不裁切  不留空白
    content 铺满 不裁切  会留白

6.背景图的起始位置

 background-origin
    border-box   边框作为起始位置
    paddin-box 内填充作为起始位置
    content-box  内容作为起始位置

7. 背景图片的裁切  

background-clip
    border-box 不裁切
    paddin-box 裁切边框的
    content-box  裁切边框和内填充

8. 背景图片的固定选项

background-attachment    
    scroll  滚动
    fixed 固定

9.背景图的简写  

background : 颜色  图片路径  重复   位置  / 大小  固定选项

10. 多图背景

 background : url （图片路径）重复   位置  / 大小 / url（图片2）， 颜色 url（图片3）