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

作用在塊級元素上，對塊級元素內的行內元素有效，對部分塊級元素也有效，例如p，h也有效。

居中

如果遇到一個屬性想知道兼容性，在哪查看？

可以在Can I use查詢，例如

兼容性

IE盒模型和W3C盒模型有什么區別？

在不用doctype的ie678，使用ie盒模型，設置寬度=邊框+內邊距+內容寬度。
在chrome和ie9以上瀏覽器和使用了doctype的ie678使用W3C盒模型，設置寬度=內容寬度。

W3C標準盒模型

IE盒模型

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

*{
    box-sizing:border-box;
}

box-sizing:定義盒模型尺寸。
border-box是指設置寬度是已經包括了邊框和內邊距的，內容寬度是設置寬度和高度減去內邊距和邊框的值。
還可以是：
content-box：這個就像W3C標準盒模型一樣，設置的寬度就是內容的寬度。
inherit:規定應從父元素繼承 box-sizing 屬性的值。
兼容性

box-sizing

雖然box-sizing主流瀏覽器都支持，但是

*兼容性

*可不是每個瀏覽器都支持

****本文章版權屬 饑人谷_張世鈞和饑人谷 所有，如需轉載請務必注明出處。****