1.盒模型包括哪些属性
盒模型
- margin：外边距 会一直保持透明，本元素与相邻元素的距离（四个方向top-right-bottom-left）。
- padding：内边距，内容倒边框的距离（四个方向top-right-bottom-left）。
- border：边框，（四个方向top-right-bottom-left）。
- content：内容
2.text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
设置文本或img标签等一些内联对象（或与之类似的元素）的居中。
另外：margin:0 auto 设置块元素（或与之类似的元素）的居中。
参考：margin:0 auto 与 text-align:center 的区别
3.如果遇到一个属性想知道兼容性，在哪查看?
4 .IE 盒模型和W3C盒模型有什么区别?
w3c标准盒模型主要由：magin + border + padding + content(他不包含其他部分)。
IE盒子模型主要由：magin + content(他里面包含了border和padding)。
IE盒子模型
w3c标准盒模型
参考
5.以下代码的作用？兼容性？* { box-sizing: border-box;}
box-sizing属性可以为：content-box，border-box，padding-box。
1.border-box:作用使border和padding计算入width之内，和怪异模式一样了。
2.content-box:作用使得内容的width就是width，方便计算，就是标准盒模型。
3.padding-box:作用使padding计算入width之内。
兼容性
本文版权归作者饥人谷_Josh和饥人谷所有，转载请注明来源