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
继承性:无
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 属性