2022-2-28****
背景图片新增属性
background-clip：设置背景图片覆盖范围，属性值如下：
1. border-box：指覆盖border区域；padding区域；content区域
2. no-clip：指覆盖border区域；padding区域；content区域
3. Padding-box：指覆盖border区域；padding区域；
4. content-box：指覆盖content区域
background-origin：设置背景图片起点，类似与background-position属性如下：
1. border：指定背景从边缘开始覆盖
2. Padding：指定背景从内补丁开始覆盖
3. Content：指定背景从内容开始覆盖
4. 火狐不支持opera支持
Background-size:设置背景图片的大小
该属性有两个属性值，分别代表宽度和高度
可以用长度值如20px，可以用百分比如20%可以用auto
border-radius：四个角圆角半径
border-top-left-radius：左上角圆角半径
border-top-right-radius:右上角圆角半径
border-bottom-right-radius：右下角圆角半径
border-bottom-left-radius：左下角圆角半径
border-image：该属性值比较负责，应该按照border-image-source、border-image-slice【border-image-width】、border-image-repeat的格式去写
border-image-source：指定边框图片，none为没有，或使用url（）
border-image-slice：该属性值可以指定1-4个数值或者百分比，用于控制对边框切割
border-image-width：该属性用于指定图片边框的宽度，该属性可以指定1-4个长度值或百分比或auto,
如果border-image-slice值为1个，则四个边框等于该值，如果指定2个值，那么第一个作为上下边框，第二个为左右边框，如果指定三个值，那么第一个为上边框，第二个为左右边框，第三个为下边框
border-image-repeat：图片边框的覆盖方式
Stretch（拉伸）round（取整平铺）、repeat（平铺覆盖）、
大小相关属性
Width、 height max-width 、max-height、 min-height min-width
新增属性
box-sizing：默认情况下，如果指定width height 属性，只是指定该元素内容区的宽度、高度，对该元素的内补丁、边框补丁、外补丁所占的空间不产生任何效果
content-box：设置width、height控制元素的内容区域宽度和高度
padding-box：设置width、height控制元素的内容区加内补丁区的高度和宽度
border-box：设置width、height、控制元素内容区加内补丁区再加边框区的宽度和高度
【面试题：兼容性，向外扩张还是收缩】
如果在ie6所有设置都兼容向内收缩box-sizing：content-box、
Div{
Width：200px；
Height：200px；
Background：#ccc；
Border：；
Margin： ；
}
Div .a{
Box-sizing:content;
}
Div .a{
Box-sizing:padding-box;
}
新增属性
指定是否允许用户通过拖动来改变元素的大小
None（both）：允许用户通过拖动改变组件的大小（both允许）
Horizontal：允许用户通过拖动改变组件的宽度
Vertical：允许用户通过拖动改变组件的高度
Inherit：继承自父元素的resize属性值，这是默认值
Resize对设置了overflow的html组件有效，绝大多部分浏览器支持****
定位轮廓相关属性
定位相关属性position与以前相同（与border属性一样）
Outline：这是一个符合属性，可去全面设置目标对象轮廓的颜色、线性、线宽三个属性
outline-offset：用于设置目标组件的轮廓偏移距离（就是轮廓与边框之间的距离）
布局相关属性
Display：inline-block 内联块级
Display： inline-table将表格变成内联块级
Table：将目标html组件显示为表格
table-caption：将目标html组件显示为表格的表题
table-cell：将目标html组件显示为单元格
table-column：将目标html组件显示为表格列
table-header-group：将目标html组件显示为表格头部分
table-footer-group：将目标html组件显示为表格页脚部分
table-column-group：将目标html组件显示为表格列组
table-row：将目标html组件显示为表格行
table-row-group：将目标html组件显示为表格行组
