1.盒模型包括哪些屬性
內(nèi)容content立莉、內(nèi)邊距padding、邊框border七问、外邊距margin
- 內(nèi)邊距蜓耻、邊框、外邊距可以應(yīng)用于一個元素的所有邊械巡，也可以應(yīng)用于某一邊刹淌。
- 外邊距還可以是負(fù)值
- 外邊距疊加：當(dāng)兩個或更多個垂直邊距相遇時饶氏， 它們將形成一個外邊距。這個外邊距的高度等于兩個發(fā)生疊加的外邊距的高度中的較大者有勾。但是注意只有普通文檔流中塊框的垂直外邊距才會發(fā)生外邊距疊加疹启。 行內(nèi)框、 浮動框或絕對定位框之間的外邊距不會疊加蔼卡。
- 行內(nèi)元素上下margin無效皮仁，上下padding撐開空間，但不占用空間菲宴。左右margin、padding有效趋急。
2.text-align: center的作用是什么喝峦，作用在什么元素上？能讓什么元素水平居中
讓塊級元素內(nèi)部的行內(nèi)元素（如文本和圖片）水平居中呜达。
3.如果遇到一個屬性想知道兼容性谣蠢，在哪查看?
在caniuse上查看
4.IE 盒模型和W3C盒模型有什么區(qū)別?
W3C盒子padding、border所占的空間不在width查近、height范圍內(nèi)眉踱，IE的盒模型width包括content＋padding＋border
5.以下代碼的作用？兼容性霜威？
box-sizing: border-box;
}
此時元素的width和height決定了盒模型寬高谈喳。就是說，為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制戈泼，通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度婿禽。
如圖示，
