Amaze UI 之 CSS的基礎(chǔ)設(shè)置

1.CSS 盒模型

曾經(jīng)，IE 6 和更低版本的非標(biāo)準(zhǔn)盒模型被廣大開發(fā)者噴得體無完膚。是IE 原來的盒模型真的不好么？最后，時(shí)間給了另外一個(gè)答案。 W3C 終于認(rèn)識(shí)到所謂標(biāo)準(zhǔn)盒模型在實(shí)際使用中的復(fù)雜性，于是在 CSS3 中增加 box-sizing 這一屬性，允許用戶自定義盒模型。

You tell me I'm wrong, Then you better prove you're right.

這就是 W3C 的證明。

現(xiàn)在，Amaze UI 將所有元素的盒模型設(shè)置為 border-box。這下好了，媽媽再也不用擔(dān)心你沒計(jì)算好 padding、border 而使布局破相了。咱是來寫樣式的，不是來學(xué)算術(shù)。

 *,
 *:before,
 *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem; /* =16px */
}