盒模型包括哪些屬性虱歪？
盒模型包括：margin、border栅表、padding笋鄙、content。
- margin：清除邊框區(qū)域怪瓶。margin沒有背景顏色萧落，它是完全透明的。
- border：邊框周圍的填充和內(nèi)容。邊框是受到盒子的背景顏色影響找岖。
- padding：清除內(nèi)容周圍的區(qū)域陨倡。會(huì)受到框中填充的背景顏色影響。
- content：盒子的內(nèi)容许布，顯示文本和圖像兴革。
text-align: center的作用是什么，作用在什么元素上蜜唾？能讓什么元素水平居中杂曲？
讓塊級(jí)元素內(nèi)的行內(nèi)元素水平居中顯示。
如果遇到一個(gè)屬性想知道兼容性灵妨，在哪查看?
IE 盒模型和W3C盒模型有什么區(qū)別?
IE的盒模型與W3C盒模型的區(qū)別在與width的計(jì)算解阅。
盒模型圖解
W3C 盒子模型的范圍包括 margin、border泌霍、padding货抄、content，并且 content 部分不包含其他部分朱转。
IE 盒子模型的范圍也包括 margin蟹地、border、padding藤为、content怪与，和標(biāo)準(zhǔn) W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading。
以下代碼的作用缅疟？兼容性分别？
*{ box-sizing: border-box;}
以上代碼設(shè)置了所有元素的內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制。
設(shè)置他以后存淫，border和padding全會(huì)在你設(shè)置的寬度內(nèi)部耘斩，比如手機(jī)端設(shè)置兩行并列的布局，寬度各為50%,如果不用這個(gè)屬性桅咆，設(shè)置border后右邊的div會(huì)下來錯(cuò)位括授，設(shè)置這個(gè)屬性，寬度還是50%而不是50%+*px,兩行可以并列顯示岩饼。
兼容性
本教程版權(quán)歸作者和饑人谷所有荚虚，轉(zhuǎn)載須說明來源！
