問(wèn)答

• 盒模型包括哪些屬性
  內(nèi)容：height、width
  內(nèi)邊距: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的作用是什么，作用在什么元素上？能讓什么元素水平居中

水平居中

作用在塊級(jí)元素上

可以上行內(nèi)元素，文字和圖片水平居中

• 如果遇到一個(gè)屬性想知道兼容性，在哪查看?
  can i ues
  http://caniuse.com/

• IE 盒模型和W3C盒模型有什么區(qū)別?
  w3c盒模型寬度是內(nèi)容的寬度

ie盒模型寬度包括border在內(nèi)

Paste_Image.png

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

*{ box-sizing: border-box;}

為元素設(shè)定的寬度和高度決定了元素的邊框盒(ie怪異模式)

基本都兼容

ie盒模型

width=100-padding-border=40

Paste_Image.png

w3c盒模型

width=100

Paste_Image.png

本教程版權(quán)歸菲龍?zhí)诫?yún)和饑人谷所有，轉(zhuǎn)載須說(shuō)明來(lái)源