1.盒模型包括哪些屬性？
答：從外到內(nèi)包括外邊距<margin>邊框<border>填充<padding>內(nèi)容<content>秫舌。
- margin：包括上下左右4個(gè)邊距迹栓，
<margin:0 auto>可以是盒模型水平居中,<margin:10px 10px 10px 10px1;>分別是：上邊距顷啼、右邊距贷掖、下邊距、左邊距孽糖。如果兩個(gè)在文檔流中的塊級(jí)元素相鄰枯冈，他們的外邊距會(huì)自動(dòng)調(diào)為較大的一個(gè)外邊距而不是兩個(gè)外邊距相加，而行內(nèi)元素不受這個(gè)的影響梭姓。
2. text-align: center的作用是什么霜幼，作用在什么元素上？能讓什么元素水平居中誉尖。
答：作用在塊級(jí)元素上罪既，讓塊級(jí)元素內(nèi)的行內(nèi)元素水平居中。
3.如果遇到一個(gè)屬性想知道兼容性铡恕，在哪查看?
答：can I use查看
4.4. IE 盒模型和 W3C 盒模型有什么區(qū)別琢感？
答：區(qū)別：
- IE盒模型是不加
<doctype html>的怪異模式在老版本的IE中使用 寬度=邊框+padding+內(nèi)容寬度。 - WC3盒模型使用標(biāo)準(zhǔn)盒模型 寬度=內(nèi)容寬度探熔。
5.以下代碼的作用驹针？兼容性？
*{ box-sizing: border-box;}
答：這是CSS3中的一個(gè)代碼诀艰，box的大小由box的width和height決定柬甥，并不受border和padding影響，*使本頁(yè)面的所有box都使用這個(gè)樣式其垄。
box-sizing 屬性允許您以特定的方式定義匹配某個(gè)區(qū)域的特定元素苛蒲。
例如，假如您需要并排放置兩個(gè)帶邊框的框绿满，可通過(guò)將 box-sizing 設(shè)置為 "border-box"臂外。這可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框，并把邊框和內(nèi)邊距放入框中。
-
兼容性：
本文版權(quán)歸本人和饑人谷所有漏健，轉(zhuǎn)載請(qǐng)注明出處
