CSS页面排版的一点笔记

CSS页面排版

字体族

字体族的值是一个字体备选列表，多个字体使用英文逗号隔开，字体名称若是有空格则须要引号。
font-family: "Georgia Pro", "Georgia", "Times", "Times New Roman", "serif";

为了保证字体族能应用，最后一个一般是通用字体族也就是在全部操做系统中都支持。

rem VS em

em单位是基于元素自身计算缩放，而rem是相对于根元素（HTML）的font-size进行计算缩放。

纯四度比例

标题大小采用纯四度比例：上一级标题比下一级标题大于自身尺寸的1/4。

多栏文本

主要有三个属性：column-count、column-width、column-gap（间隔）
缩写，columns是count和width的缩写，每一列的最小宽度和最大列数。