第三章
3.1盒模型
1.轮廓线（outline），外边距（margin），边框（border），内边距（padding）
2.内容区（content）的宽度（width），高度（height）
3.box-sizing（计算盒子大小的方式）：默认为content-box（内容区）
border-box：内边距和边框
3.2可见格式化模型
1.display（改变生成的盒子类型）：block（块级元素（如p，h1，article））
none（不生成盒子）
inline-block（行内盒子（如strong，span，time））
table；table-row；table-cell（表格布局）
flex；grid；
list-item
2.line-height（行高（行内盒子））：（举例）1.5（倍数）；24px；
3.position（定位）：static（静态定位），默认
relative（相对定位）
absolute（固定定位）
后跟定位属性left、right、top、bottom
4.float（浮动）：left或right
5.clear（清楚浮动环绕）：left；right；both；none；
第四章
4.1 css基本排版
1.color（文本颜色）：（举例）#ccc；red；
2.font-family（字体族（备选字体列表））：（见书P62）
3.font-size（字型大小）：（单位）em；rem；px；rpx；
4.vertical-align（垂直对齐）：baseline（默认）
super（上标文本）
sup；top；bottom；middle（见书P68）
text-top（内容区顶部）
text-bottom（内容区底部）
5.font-weight（文本粗细）：normal（400倍）
bold（700）
bolder
lighter
100的整数倍
6.font-style（字体样式）：normal（默认非斜体）
italic
oblique
7.text-transform（大小写变换）：uppercase（小写变大写）
lowercase（大写变小写）
capitalize（单词首字母变大写）
none（默认）
8.font-variant（“小型大写字母”）：small-caps；
9.word-spacing（词间距）：大小
10.letter-spacing（字符间距）：大小
4.2版心宽度、律动和毛边
1.text-indent（文本缩进）：大小
2.text-align（文本对齐）：left；right；center；
justify（平均分布）；
start（左）；end（右）；
3.（­）：HTML中的连字符
hyphens（自动连字符）：（1）设置<html lang="en">
(2)hyphens：auto（自动）；
manual（手动）；
4.columns（最小栏宽）：3 20em；（第一个是最小栏数，第二个是最小栏宽）
5.columns等于column-count和column-width
6.column-gap（栏间距）：大小
7.max-width（最长行长）：大小
8.column-span（单行跨栏）：all（开启）；none（关闭）；
4.3Web字体
1.@font-face{
font-family（必须）：
src（字体来源，url，下载字体，必须）：url（“····.字体格式”） format（'字体格式'）；
font-weight（字体粗细，可选）：
font-style（字体样式，可选）：
}
@font-face快(嵌入字体（见书P81）)
2.利用JavaScript加载字体（见书P85）
3.font-size-adjust（x高度与font-size比率）：auto（一般设置）；
4.4高级排版特性
1.font-variant-ligatures（连字特性）：common-ligatures（常用连字）；
discretionary-ligatures（任意连字）；
后跟( -webkit-font-feature-settings:"liga","dlig";
-moz-font-feature-settings:"liga","dlig";
-moz-font-feature-settings:"liga=1","dlig=1";
font-feature-settings:"liga","dlig";
)
2.font-variant-numeric(数字形式)：lining-nums（线性数字）；
oldstyle-nums（老式数字）；
tabular-nums（表列数字）；
可以结合使用，空格间隔。
后跟（标准）font-feature-settings:"lnum";（线性）
"onum";（老式）
"tnum";（表列）
3.font-kerning（字距调整）：normal；auto；none；
后跟 font-feature-settings:"kern";
4.5文本特效
1.text-shadow（文本阴影）：四个值
x轴和y轴的偏移量（可正可负）、模糊距离、颜色值
空格分隔
2.多组阴影:四个值逗号分隔，先上后下
3D效果：模糊距离为0，沿对角线每隔1像素。
加白色阴影轮廓，（见书P93）
3.利用JavaScript加载文本特效（见书P94）
