盒模型

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

作用在块级元素上，对块级元素内的行内元素有效，对部分块级元素也有效，例如p，h也有效。

居中

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

可以在Can I use查询，例如

兼容性

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

在不用doctype的ie678，使用ie盒模型，设置宽度=边框+内边距+内容宽度。
在chrome和ie9以上浏览器和使用了doctype的ie678使用W3C盒模型，设置宽度=内容宽度。

W3C标准盒模型

IE盒模型

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

*{
    box-sizing:border-box;
}

box-sizing:定义盒模型尺寸。
border-box是指设置宽度是已经包括了边框和内边距的，内容宽度是设置宽度和高度减去内边距和边框的值。
还可以是：
content-box：这个就像W3C标准盒模型一样，设置的宽度就是内容的宽度。
inherit:规定应从父元素继承 box-sizing 属性的值。
兼容性

box-sizing

虽然box-sizing主流浏览器都支持，但是

*兼容性

*可不是每个浏览器都支持

****本文章版权属 饥人谷_张世钧和饥人谷 所有，如需转载请务必注明出处。****