在页面中使用CSS的三种方式
- 外链 link标签
- 嵌入 style标签
- 内联 标签里的style属性
font-family
各类字体顺序采用，一个没有就找下一个
通用字体族
兜底的字体，如果前面设置的字体用户都没有，最后一个字体就设置为通用字体族
英文字体要写在中文字体前面
@font-face
通过url在线渲染你想要的字体
font-size
em rem
某些属性会自动继承父元素的计算值
CSS求值过程
- 第一步 寻找当前元素相匹配的所有样式表（可能有多个，每个样式表的优先级不同得到声明值
- 第二步 找到优先级最高的样式表得到层叠值
- 第三步 如果为空，则找到默认值或者继承得到指定值
- 第四步 要计算那些相对的属性值（如em转换为px）得到计算值 第五步 将需要布局数据的元素值计算出来（如百分比）
- 第六步 将小数像素转换为整数值（或浏览器自有的规则来限制）
CSS布局
常规流（normal flow）
浮动
绝对定位
padding百分比是相对于容器的宽度
IFC 只包含行级盒子的盒子会创建
text-align vertical-align
