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