css3盒子模型

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

box-sizing有兩個值：content-box，border-box

屬性值 box-sizing表示寬高為盒子的widh，height，對于布局很有幫助

屬性值content-box（默認(rèn)值）

當(dāng)需要前綴時添加

-webkit-

-moz-

2.resize：允許用戶縮放，調(diào)節(jié)元素尺寸大小適用于所有設(shè)置overflow的元素（手機(jī)端不支持）

horizontal設(shè)置橫向動

vertical設(shè)置豎向動

3.outline，給元素周圍繪制一條輪廓線（所有瀏覽器基本都支持）作用與谷歌瀏覽器默認(rèn)的輸入框獲得焦點(diǎn)時，默認(rèn)有一個邊框顏色，通過outline：none，可以將默認(rèn)顏色去掉

outline不會占用盒子的寬高，也就是盒子的寬高為實(shí)際設(shè)置的width和height

outline-width設(shè)置盒子輪廓線的寬度

outline-style設(shè)置盒子輪廓線的樣式

outline-color設(shè)置盒子輪廓線的顏色

outline：outline-width outline-style outline-color

outline-offset（單獨(dú)寫）外廓線的偏移量

4.display盒子是否以及如何實(shí)現(xiàn)

對于cssdisplay 的聲張

display可以將任何一個元素都表現(xiàn)為表格