问答

1.盒模型包括哪些属性

margin:外边距
border：边框
padding内边距
width、height 宽和高

Paste_Image.png

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

ext-align: center的作用是让元素内部 行内元素、display为（table-cell、inline和inline-block）的块级元素水平居中

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

在http://caniuse.com/

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

并不是所有的IE浏览器都使用IE盒模型，IE6、7使用的是IE盒模型 IE8及以后使用的是标准W3C模型
IE盒模型所占的宽度=就是定义的width；
W3C盒模型的所占宽度= margin+border+padding+content；

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

使用IE盒模型

*{

 box-sizing: border-box;

}

Paste_Image.png