背景图片新增属性
background-clip：设置背景图片覆盖范围，属性值如下
border-box：指覆盖border区域、padding区域、content区域
no-clip：指覆盖border区域、padding区域、content区域
padding-box：指覆盖padding区域、content区域
content-box：指覆盖content区域
覆盖空白区域
background-origin：背景图片设置起点。类似于background-position。属性如下：
border：指定背景从边框开始覆盖
padding：指定背景从内补丁开始覆盖
content：指定背景图片从内容开始覆盖
火狐不支持，opera支持
background-size设置背景图片大小
该属性有两个属性值，分别代表宽度和高度
可以用长度值如20px，可以用百分比如20%，可以用auto
多背景图片：通过设置background-size、background-position、background-repeat设置
实例：background-image：url(img/ico.jpg),url(img/cat.jpg),url(img/b.jpg);
background-repeat:repeat-y,repeat-x,repeat;
background-position:center top,left,center,left top;
background-size:20px 20px,20px 20px,100% 100%;
边框属性：
圆角属性：
border-radius：四个角圆角半径
border-top-left-radius：左上角圆角半径
border-top-right-radius：右上角圆角半径
border-bottom-left-radius：左下角圆角半径
border-bottom-right-radius：右下角圆角半径
图片边框：
border-image：该属性值比较负责，应该按照border-image-source、border-image-slice【border-image-width】、border-image-repeate的格式去写
border-image-source：指定边框图片，none为没有，或使用url（）
border-image-slice该属性值可以指定1-4个数值或者百分比，用于控制对边框的切割
border-image-width：该属性用于指定图片边框的宽度，属性值可以指定1-4个数值或者百分比或auto
如果border-imageslice值为一个，则四个边框等于该值，如果指定两个那么第一个为上下，第二个为左右，如果三个就是，上、左右、下
border-image-repeat：图片覆盖方式
stretch：拉伸
round：取整平铺
repeat：平铺覆盖
大小相关属性：
max-height：最大高度
min-height：最小高度
min-width：最小宽度
max-width：最大宽度
新增属性：box-sizing：
默认情况下，如果指定width、hight属性，只是指定该元素内容区的宽度、高度，对该元素的内补丁、边框补丁、外补丁所占的空间不产生任何效果
content-box：设置width、height控制元素的内容区宽度和高度（使所有浏览器内容都向外扩张）
padding-box：设置width、height控制元素的内容区加补丁的宽度和高度（火狐支持，但必须加上-moz-）
border-box：设置width、height控制元素的内容区加补丁区再加边框区的宽度和高度（在任何浏览器都是向内收缩）
新增resize属性
指定是否允许用户通过拖动来改变元素大小
none（both）：允许用户通过拖动改变组件大小（both）允许
horizontal：允许用户通过拖动改变组件宽度
vertical：允许用户通过拖动改变组件高度
inherit：允许用户通过拖动改变组件的高度
resize对设置里overflow：hodden的html组件有效，绝大多数浏览器支持
定位相关属性position与之前相同形同
outline：这是一个复合属性，可全面设置目标对象轮廓的颜色、线性、线宽三个属性（与border相同）
outline-offset：用于设置目标组件的轮廓偏移距离（就是轮廓与边框之间的距离）
