盒模型

1.盒模型包括哪些属性

padding：内边距
margin：外边距
border:边框
content:内容

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

text-align: center作用在块级元素上，使块级元素下的inline和inline-block元素水平居中。

3.如果遇到一个属性想知道兼容性，在哪查看?

可以到这个网站查：http://caniuse.com/

4.IE 盒模型和W3C盒模型有什么区别?

• IE盒模型: 宽度=边框+内边距+内容宽度
• W3C盒模型: 宽度= 内容宽度

5.box-sizing:border-box的作用？兼容性？

• 使浏览器按照IE的盒模型标准来解析，即： 宽度=边框+内边距+内容宽度，使得当width确定后，无论如何改变padding,border都不会撑破原有布局。
• Internet Explorer、Opera 以及 Chrome 支持 box-sizing 属性。Firefox 支持替代的 -moz-box-sizing 属性。