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可以将任何一个元素都表现为表格