任务九问答题

一、盒模型包括哪些属性

盒模型包括元素本身的width和height，元素与边框之间的距离padding,边框的大小，边框和页面之间的距离margin。

一般情况下，width就是内容的宽度，真实的宽度是width+margin-left+margin-right+padding-left+padding-right+border-left+border-right

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

让元素水平居中，作用在块级元素上，代码写在块级元素上，使该块级元素包括的行业元素水平居中，

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

can  i  use

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

在ie6/ie7/ie8版本下，不加即为怪异模式，则盒模型元素设置的width和height值为元素的占据位置，包括元素的大小，内边距，边框，外边距。

在ie6/ie7/ie8版本下，或者更高版本或者谷歌浏览器，加上即为标准的W3C盒模型，即盒模型元素设置的width和height只仅仅是元素的大小，元素所占的位置要加上margin,border,padding

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

*{box-sizing: border-box;}设置之后，使得设置的元素的width和height值即可元素实际占位，就是将标准的W3C盒模型转换为怪异模式的盒模型。