CSS认识4

问答

• 盒模型包括哪些属性
  内容：height、width
  内边距:padding-top、padding-right、padding-bottom、padding-left
  边框：border-top、border-right、border-bottom、border-left
  外边距：margin-top、margin-right、margin-bottom、margin-left

---

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

水平居中

作用在块级元素上

可以上行内元素，文字和图片水平居中

---

• 如果遇到一个属性想知道兼容性，在哪查看?
  can i ues
  http://caniuse.com/

---

• IE 盒模型和W3C盒模型有什么区别?
  w3c盒模型宽度是内容的宽度

ie盒模型宽度包括border在内

Paste_Image.png

---

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

*{ box-sizing: border-box;}

为元素设定的宽度和高度决定了元素的边框盒(ie怪异模式)

基本都兼容

ie盒模型

width=100-padding-border=40

Paste_Image.png

w3c盒模型

width=100

Paste_Image.png

---

本教程版权归菲龍探雲和饥人谷所有，转载须说明来源