1.盒模型包括哪些屬性?
答：css和模型主要包括外邊距（margin），內(nèi)邊距（padding），邊框（border），內(nèi)容（content）。一般來說，我們?cè)趯?duì)一個(gè)div寫樣式的時(shí)候添加的height和width只是針對(duì)內(nèi)容本身，所以總的高度是要加上內(nèi)外邊距及邊框的。
盒子模型示例
2.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中?
答：text-aling：center是針對(duì)內(nèi)聯(lián)元素的屬性。控制內(nèi)聯(lián)元素在塊級(jí)元素中位置居中。一般設(shè)置文本比較常見，或Img標(biāo)簽。用margin:0 auto 設(shè)置塊元素（或與之類似的元素）的居中。
3.如果遇到一個(gè)屬性想知道兼容性，在哪查看?
答：在 can i use這個(gè)網(wǎng)站上可以查看元素 屬性在不同瀏覽器不同版本的兼容程度。
4.IE 盒模型和W3C盒模型有什么區(qū)別?
答：
- IE盒模型寫出來的寬高是包括內(nèi)容content和margin兩者的。而這里的content也含有border和padding。
- W3C標(biāo)準(zhǔn)盒模型是寫出來的寬高就是內(nèi)容本身，我們可以在樣式里在對(duì)Margin，padding，border進(jìn)行定義。
5.以下代碼的作用？兼容性？
*{
box-sizing: border-box;
}```
答：首先box-sizing這個(gè)屬性它有三個(gè)值：content-box，border-box，padding-box。
border-box的意思是讓border和padding合并在一起，定義的樣式寬度直接就包括這些。后兩者顧名思義content即是內(nèi)容區(qū)域的寬高度就是盒子總寬高，padding-box是讓內(nèi)邊距并入總寬高。
****本教程版權(quán)歸饑人谷_鬼腳七和饑人谷所有，轉(zhuǎn)載須說明來源****