本教程版權(quán)歸凱旋和饑人谷所有抓狭，轉(zhuǎn)載須說明來源
一 伦泥、盒模型包括哪些屬性
Margin(外邊距) - 清除邊框外的區(qū)域胸竞，外邊距是透明的斥季。
Border(邊框) - 圍繞在內(nèi)邊距和內(nèi)容外的邊框训桶。
Padding(內(nèi)邊距) - 清除內(nèi)容周圍的區(qū)域，內(nèi)邊距是透明的
上 . 左. 下. 右(value)酣倾。
Content(內(nèi)容) - 盒子的內(nèi)容舵揭，顯示文本和圖像。
二 躁锡、text-align: center的作用是什么午绳，作用在什么元素上？能讓什么元素水平居中
作用在塊級(jí)元素上稚铣，讓其子集的行內(nèi)元素或文本和圖片水平居中箱叁。
三 、如果遇到一個(gè)屬性想知道兼容性惕医，在哪查看?
四 耕漱、IE 盒模型和W3C盒模型有什么區(qū)別?
在W3C盒模型中，一個(gè)塊級(jí)元素的總寬度按照如下的方程式計(jì)算：
總寬度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
IE5.X 和 6 在怪異模式中使用自己的非標(biāo)準(zhǔn)模型抬伺。這些瀏覽器的 width 屬性不是內(nèi)容的寬度螟够，而是內(nèi)容、內(nèi)邊距和邊框的寬度的總和峡钓。
總寬度 = width ＋margin-left + margin-right
解決IE8及更早版本不兼容問題可以在HTML頁面聲明 <!DOCTYPE html>即可妓笙。
在ie6/ie7/ie8版本下，不加<!DOCTYPE html>即為怪異模式
w3c上的參考
參考
參考2
四 能岩、以下代碼的作用寞宫？兼容性？
*{ box-sizing: border-box;}
頁面中所有的盒模型均采用 boxder-box形式拉鹃，
就是將標(biāo)準(zhǔn)的W3C盒模型轉(zhuǎn)換為怪異模式的盒模型辈赋。
參考博客
w3c解讀
樣圖－－參考怪異模式和w3c盒模式尾圖
