盒子模型
padding內(nèi)邊距
屬性
padding: 1px? ? 4個(gè)內(nèi)邊距都是1
padding: 1px? ? 2px? ? 上下 1? ? ?左右 2
padding: 1px? ? 2px? ? 3px? ?上 1? ? ?左右 2? ? ? ?下 3
padding: 1px? ? 2px? ? 3px? ? ?4px? ?上? ?右? ?下? ?左?
border邊框
border-width邊框粗細(xì)
border-style邊框樣式
solid單實(shí)線
dashed虛線
dotted點(diǎn)線
border-color邊框顏色
border-collapse:collapse相鄰邊框合并在一起
margin外邊距
margin-top
margin-right
margin-bottom
margin-left
margin 讓塊級(jí)盒子水平居中
盒子左右的外邊距都設(shè)置為 auto
margin: auto;
垂直外邊距的合并
上面的元素有下外邊距 margin-bottom郭变，下面的元素有上外邊距 margin-top
取兩個(gè)值中的較大者（盡量只給一個(gè)盒子添加 margin 值）
嵌套外邊距的塌陷
為父元素定義上邊框
為父元素定義上內(nèi)邊距
為父元素添加 overflow:hidden
清除內(nèi)外邊距
* {
? ? padding:0;
? ? margin:0;?
? }
行內(nèi)元素盡量只設(shè)置左右內(nèi)外邊距哑诊，不要設(shè)置上下內(nèi)外邊距
