vertical：middle
- 針對表格，垂直居中
- 針對行內(nèi)元素，基于父容器的基線垂直居中
邊距合并
外邊距合并：當(dāng)兩個垂直外邊距合并時，會形成一個外邊距。合并后的外邊距高度等于合并前兩個外邊距中較大的一個。
盒模型
- margin，清除邊框區(qū)域。margin沒有背景顏色，它是完全透明的
- border，邊框周圍的填充和內(nèi)容。邊框是受到盒子的背景顏色影響
- padding，清楚內(nèi)容周圍區(qū)域。會受到框中填充的背景顏色影響
- content，盒子的內(nèi)容。顯示文本和圖像
text-align：center
- 作用：水平居中
- 作用在塊級元素上
- 可以讓行內(nèi)元素和inline-block元素水平居中
兼容性查看
IE 盒模型和W3C盒模型有什么區(qū)別?
- W3C標(biāo)準(zhǔn)中padding、border所占的空間不在width、height范圍內(nèi)
- IE的盒模型width包括content尺寸＋padding＋border
以下代碼的作用？兼容性？
*{
box-sizing: border-box;
}
- 作用：為元素設(shè)定的寬度和高度決定了元素的邊框盒。就是說，為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制。通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度
- 兼容性：
本教程版權(quán)歸饑人谷和作者所有，轉(zhuǎn)載須說明來源。
