盒模型包括哪些屬性邢锯？
- margin ： 邊距
- border : 邊框
- padding ： 填充
- content : 內(nèi)容
text-align: center的作用是什么风纠，作用在什么元素上般码？能讓什么元素水平居中悼瘾？
text-align : center 必須加在塊級元素（父元素）上捆憎。
行內(nèi)元素加text-align : center ,margin想設(shè)置居中是無效的握恳。塊級元素設(shè)置居中挖帘，在他自身設(shè)置margin和padding即可完丽。text-align : center 是可繼承的。塊級元素一定要設(shè)置寬度拇舀，才能通過設(shè)置margin：0 auto逻族；來設(shè)置居中。
如果遇到一個屬性想知道兼容性骄崩，在哪查看?
IE 盒模型和W3C盒模型有什么區(qū)別?
IE6/7/8 不寫doctype聘鳞，怪異模式
寬度=boder+padding+內(nèi)容
chrome/IE9,IE6/IE7/IE8 著名doctype聲明，那么是標(biāo)準(zhǔn)盒模型要拂。
寬度就是內(nèi)容自身占據(jù)的空間抠璃。
以下代碼的作用？兼容性脱惰？
*{ box-sizing: border-box;}
1鸡典、content-box:此值為其默認(rèn)值，其讓元素維持W3C的標(biāo)準(zhǔn)Box Model枪芒，也就是說元素的寬度/高度（width/height）等于元素邊框?qū)挾龋╞order）加上元素內(nèi)邊距（padding）加上元素內(nèi)容寬度/高度（content width/height）即：Element Width/Height = border+padding+content width/height彻况。
2、border-box:此值讓元素維持IE傳統(tǒng)的Box Model（IE6以下版本）舅踪，也就是說元素的寬度/高度等于元素內(nèi)容的寬度/高度纽甘。（從上面Box Model介紹可知，我們這里的content width/height包含了元素的border,padding,內(nèi)容的width/height【此處的內(nèi)容寬度/高度=width/height-border-padding】）抽碌。
** CSS3盒模型 **
box-sizing: content-box|border-box|inherit;
box-sizing中content-box和border-box兩者的區(qū)別悍赢，如下所示：
box-sizing現(xiàn)代瀏覽器都支持决瞳，但I(xiàn)E只有IE8版本以上才支持，雖然現(xiàn)在的瀏覽器支持box-sizing左权，但有些瀏覽器還是需要加上自己的前綴皮胡，Mozilla需要加上-moz-，Webkit內(nèi)核需要加上-webkit-赏迟，Presto內(nèi)核-o-,IE8-ms-屡贺，所以box-sizing兼容瀏覽器時需要加上各自的前綴：
/*Content box*/
Element {
-moz-box-sizing: content-box; /*Firefox3.5+*/
-webkit-box-sizing: content-box; /*Safari3.2+*/
-o-box-sizing: content-box; /*Opera9.6*/
-ms-box-sizing: content-box; /*IE8*/
box-sizing: content-box;
/*W3C標(biāo)準(zhǔn)(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c標(biāo)準(zhǔn)語法)*/
}
/*Border box*/
Element {
-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
/*W3C標(biāo)準(zhǔn)(IE9+锌杀，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c標(biāo)準(zhǔn)語法)*/
}
本題參考W3CPLUS
