盒模型

盒模型包括那些属性？

内边距padding，边框border，外边距margin和实际内容。

---

text-align:center的作用是什么，作用在什么元素上？能让什么元素水平居中？

定义行内内容（文字，span等元素）相对于他们的块父元素对齐。作用是将文本在水平方向上居中，作用在块级元素上，让行内元素水平居中。

---

如果遇到一个元素想知道他的兼容性，在那里看？

Can I Use上查看。

---

IE盒模型和W3C盒模型有什么区别？

ie678怪异模式（不加DOCTYPE）使用IE盒模型，宽度=边框+padding+内容。

IE盒模型

chrome,ie9+,ie678(加DOCTPYE)使用标准盒模型，宽度=内容。

标准盒模型

---

以下代码的作用？兼容性？

*{
 box-sizing:border-box;
}

将盒模型设置为IE盒模型，width=content+border+padding。

兼容性