css3盒子模型

1.box-sizing定义盒子的尺寸解析方式（IE8+支持）

box-sizing有两个值：content-box，border-box

属性值 box-sizing表示宽高为盒子的widh，height，对于布局很有帮助

属性值content-box（默认值）

当需要前缀时添加

-webkit-

-moz-

2.resize：允许用户缩放，调节元素尺寸大小适用于所有设置overflow的元素（手机端不支持）

horizontal设置横向动

vertical设置竖向动

3.outline，给元素周围绘制一条轮廓线（所有浏览器基本都支持）作用与谷歌浏览器默认的输入框获得焦点时，默认有一个边框颜色，通过outline：none，可以将默认颜色去掉

outline不会占用盒子的宽高，也就是盒子的宽高为实际设置的width和height

outline-width设置盒子轮廓线的宽度

outline-style设置盒子轮廓线的样式

outline-color设置盒子轮廓线的颜色

outline：outline-width outline-style outline-color

outline-offset（单独写）外廓线的偏移量

4.display盒子是否以及如何实现

对于cssdisplay 的声张

display可以将任何一个元素都表现为表格