盒模型

---

1.盒模型包括哪些属性

盒模型

1. margin：外边距 会一直保持透明，本元素与相邻元素的距离（四个方向top-right-bottom-left）。

2. padding：内边距，内容倒边框的距离（四个方向top-right-bottom-left）。
3. border：边框，（四个方向top-right-bottom-left）。
4. content：内容

---

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

设置文本或img标签等一些内联对象（或与之类似的元素）的居中。
另外：margin:0 auto 设置块元素（或与之类似的元素）的居中。

参考：margin:0 auto 与 text-align:center 的区别

---

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

can i use网站

---

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

w3c标准盒模型主要由：magin + border + padding + content(他不包含其他部分)。
IE盒子模型主要由：magin + content(他里面包含了border和padding)。

IE盒子模型 w3c标准盒模型
参考

---

5.以下代码的作用？兼容性？* { box-sizing: border-box;}

box-sizing属性可以为：content-box，border-box，padding-box。
1.border-box:作用使border和padding计算入width之内，和怪异模式一样了。
2.content-box:作用使得内容的width就是width，方便计算，就是标准盒模型。
3.padding-box:作用使padding计算入width之内。

兼容性

---

代码题

---

             本文版权归作者饥人谷_Josh和饥人谷所有，转载请注明来源