盒子模型

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

w3c标准盒模型主要由：magin + border + padding + content(他不包含其他部分)。

IE盒子模型主要由：magin +  content(他里面包含了border和padding)。

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

语法：

box-sizing：content-box | border-box

默认值：content-box

适用于：所有接受width和height的元素

继承性：无

box-sizing属性可以为：content-box，border-box，padding-box。

1.border-box:作用使border和padding计算入width之内，和怪异模式一样了。定义 box-sizing: border-box; 时，浏览器对盒模型的解释与 IE6 相同；

2.content-box:作用使得内容的width就是width，方便计算，就是标准盒模型。定义 box-sizing: content-box; 时，浏览器对盒模型的解释遵从我们之前认识到的 W3C 标准；

3.padding-box:作用使padding计算入width之内。

http://www.w3chtml.com/css3/properties/user-interface/box-sizing.html----学习地址不错的

CSS3 zoom 属性