昨晚回去花了點時間，系統的學習了一下盒模型，現總結如下。
1、盒的基本型別：
在css3中使用display屬性來定義盒的型別，總體來說盒分為block型別和inline型別。
我們之前所學的div元素和p元素屬於block型別，span和a屬於inline型別。如：
在css3中，使用display屬性來定義盒的型別，總體來說盒分為block型別和inline型別。
在css3中，使用display屬性來定義盒的型別，總體來說盒分為block型別和inline型別。
在不使用inline-block型別之前，如果要實現水平選單，那麼我們需要使用float屬性。如
使用inline-block之後，如
3、inline-table型別，對齊方式可以使用vertical-align: top;等。
4、list-item型別，可以將多個元素作為列表來顯示，同時在每個元素的開始加上列表的標記。
5、run-in型別與compact型別。
6、**相關的型別，在css3中，所有與**相關的元素及其所屬型別表：
例如：
**的標題12
3 456
789
7、none型別，如果某個元素被指定了none型別，則這個元素將不會被顯示。
最後總結了一下，幾種常用瀏覽器對各種盒模型的支援情況，
css3盒子模型微課 css3之盒模型
什麼是盒模型？css中的每個元素都是乙個盒模型，包括html body元素，瀏覽器解析css的時候也會把每個元素看成乙個盒子來解析。盒模型具備的屬性有 content padding margin border background等 盒模型的分類？tips border box俗稱混雜盒模型，co...
CSS3 盒模型設計
一 彈性盒模型 a 注意在使用彈性盒模型的時候父元素必須要加display box 或 display inline box 例 b box orient 定義盒模型的布局方向 i.horizontal 水平顯示 ii.vertical 垂直方向 例 doctype html html head m...
css3 彈性盒模型
1.box flex 定義盒子的彈性空間 子元素的尺寸 盒子的尺寸 子元素的box flex屬性值 所有子元素的box flex屬性值的和 例題 中間寬度固定，兩側寬度自適應 box div nth of type 1 box div nth of type 2 box div nth of typ...