关于 盒模型的一点总结

---

1.盒模型包括哪些属性

margin padding width height border...

Paste_Image.png

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

让块级元素中的行内内容水平居中，作用在块级元素上，让块级元素内的行内元素、行内元素、行内块元素水平居中

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

can i use

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

IE盒模型的宽度是边框+padding+内容的宽度 （没加!DOCTYPE html）
W3C盒模型是宽度=行内内容

转载一图说明：

Paste_Image.png

5.以下代码的作用？兼容性？
*{ box-sizing: border-box;}
使W3C盒模型转变为IE盒模型
即盒模型的width=内容宽度+padding+边框 高度同理

---