html中的每乙個元素都可以看作是乙個盒子，如下圖所示，可以具備這4個屬性
1. content相關屬性
2. 內邊距相關屬性
注：如果盒子本身沒有指定width/heigh屬性，此時padding不會撐開盒子大小
3. 邊框常用的屬性
邊框寬度
divdivdiv注：如果只想設定邊框的邊，可以用：border-top,border-bottom,border-right, border-left
**的細線邊框
border-collapse屬性控制瀏覽器繪製**邊框的方式。它控制相鄰單元單元格的邊框
語法：
border-collapse: collapse;4. 外邊距相關屬性
4.1 常用屬性
4.2 margin水平居中的應用
外邊距可以讓塊級盒子水平居中，但是必須滿足兩個條件：
4.3 父元素塌陷問題
問題描述：如果塊級元素的頂部線和父元素的頂部線重疊，那麼這個塊級元素的margin-top的值會傳遞給父元素
問題解決：
可以為父元素定義邊框
可以為父元素定義內邊距
可以為父元素新增overflow: hidden
.father上下margin摺疊：
垂直方向上相鄰的2個margin(margin-top、margin-bottom)有可能合併為1個margin,這種現象叫做collapse(摺疊)
5. 清除內外邊距
網頁元素很多都帶有預設的內外邊距，而且不同瀏覽器預設的也不一致。因此在布局前，首先要清除網頁元素的內外邊距。
*5. box-shadow:設定盒子陰影
box-shadow屬性可以設定乙個或者多個陰影
div css 一 盒子模型
宣告盒子模型時用到的css屬性 height width margin padding border padding 10px 20px 30px 上10px,左右20px，下30px 注意 在盒子模型時，如果有height 和 width時，必須考慮相容性，尤其是在有border 和padding...
網頁布局02 盒子模型
盒子模型，英文即box model。無論是div span 還是a都是盒子，他們在網頁上都要佔據一定的空間，在進行布局的時候需要考慮他們所佔據的空間大小。例外情況 表單元素作為文字處理，不作為盒子模型計算。盒子的屬性有5個 width height padding border margin。如下 ...
CSS3盒子模型,flex布局
盒子模型 box sizing box sizing有3個值，content box 預設值 border box inherit content box值代表的意思是 元素的內容的width和height決定了元素的寬高，padding和border無論多少都不影響元素的寬高，它是由內容的widt...