盒模型

---

问答

盒模型包括哪些属性

盒模型

• 属性包括
  • 元素 element 的 height、width，长和宽
  • 内边距 padding
  • 边框 border
  • 外边距 margin

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

• 作用在块级元素上，可以使块级元素内部的行内元素水平居中。

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

• 使用caniuse.com

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

• 却别在于 IE盒模型的height与width定义的是整个盒模型的长和宽，而W3C模型则是定义盒模型里element的长宽。

IE盒模型

以下代码的作用？兼容性？

*{ box-sizing: border-box;}

• *代表选择页面中所用元素，并设定了使用IE盒模型，给块级元素设定的height和width决定这个元素最终所占页面的空间。
• 兼容性使用caniuse可知，支持IE8以上的浏览器，在中国兼容率有93.28%。

caniuse.com

---

本博客所用内容归 张宇 和 饥人谷所有，转载请注明出处