盒模型

1.盒模型包括哪些属性

标准盒子模型

由上图可知，盒模型属性包括：

• content
• padding
• border
• margin

除了content外，每个属性又多了4个方向属性.如margin-left,padding-top等等。

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

作用在块级元素上，让该元素下内链元素水平居中。

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

can i use

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

标准盒子模型 IE盒子模型

可以看出主要差异在于：

• 标准盒子模型：width/height=content.
• IE盒子模型：width/height=content+padding+border.

5、*{ box-sizing: border-box;}代码的作用？兼容性？

告诉浏览器使用何种盒模型，border-box为IE盒模型，content-box为标准盒模型。

兼容性

我们看兼容性主要看万恶之源IE，可以看出IE8以上兼容。