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的縮寫，每一列的最小寬度和最大列數。