文档流是CSS中的一种基本的定位和布局机制。table有自己的规则，流的特性对table并不适用。 流体布局是利用元素“流”的特性实现的各类布局效果，它一般具有自适应性。
基本概念和术语
- 属性
- 值
- 属性值
- 关键字 solid iherit
- 变量 currentColor
- 单位
- 长度单位
- 相对长度单位
- 相对字体长度单位 em、ex、rem、ch
- 相对视区长度单位 vh、vw、vmin、vmax
- 绝对长度单位 px
- 相对长度单位
- 长度单位
- 函数 rgb() url() hsla() attr() scale()
- 声明
- 声明块
- 规则集
- 选择器
- 基本选择器
- 类型(元素)选择器
element - 类选择器
. - id选择器
# - 属性选择器
[] - 伪类选择器
: - 伪元素选择器
::
- 类型(元素)选择器
- 关系选择器
- 后代选择器
- 相邻后代选择器
> - 兄弟选择器
~ - 相邻兄弟选择器
+ - 组合选择器
,
- 后代选择器
- 基本选择器
- @规则
块级元素 水平流上只能单独显示一个元素，多个块级元素换行显示 内联元素
无宽度、无图片、无浮动
格式化宽度仅出现在绝对定位模型中即absolute或fixed定位
浮动最初的主要目的是实现文字环绕效果。纯浮动布局容错性差，容易出现问题。 float的特性：
- 包裹性
- 块格式上下文
- 破坏文档流
- 没有margin合并
元素一旦设置浮动之后，其display的计算值为block或table。会造成父元素塌陷。