1.盒模型包括哪些属性？
答：从外到内包括外边距<margin>边框<border>填充<padding>内容<content>。
- margin：包括上下左右4个边距，
<margin:0 auto>可以是盒模型水平居中,<margin:10px 10px 10px 10px1;>分别是：上边距、右边距、下边距、左边距。如果两个在文档流中的块级元素相邻，他们的外边距会自动调为较大的一个外边距而不是两个外边距相加，而行内元素不受这个的影响。
2. text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中。
答：作用在块级元素上，让块级元素内的行内元素水平居中。
3.如果遇到一个属性想知道兼容性，在哪查看?
答：can I use查看
4.4. IE 盒模型和 W3C 盒模型有什么区别？
答：区别：
- IE盒模型是不加
<doctype html>的怪异模式在老版本的IE中使用 宽度=边框+padding+内容宽度。 - WC3盒模型使用标准盒模型 宽度=内容宽度。
5.以下代码的作用？兼容性？
*{ box-sizing: border-box;}
答：这是CSS3中的一个代码，box的大小由box的width和height决定，并不受border和padding影响，*使本页面的所有box都使用这个样式。
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
-
兼容性：
本文版权归本人和饥人谷所有，转载请注明出处
