amaze UI 笔记 - CSS

一、基本样式

1.统一样式

说明了为什么使用Normalize，而不是Rest。

2.基础设置

a.css和模型

其实就是讲了一个CSS3的新属性：box-sizing。作为一个技术不到位的人，真没看懂。自己查了下如下：

box-sizing的3种属性取一即可

box-sizing:content-box | padding-box | border-box

box-sizing:content-box;   宽度里面只包含内容

box-sizing:padding-box;  宽度里面不包含padding

box-sizing:border-box;    宽度里面不包含padding和border

b.字号及单位

其实就是讲的em和rem和用法及注意事项，但对于不理解这两个单位的人我还是普及一下：

rem 永远基于根

em  继承

像这样：

html{
font-size:62.5%; /* 10÷16=62.5% */
}
body{
font-size:12px;
font-size:1.2rem ; /* 12÷10=1.2 */
}