第一章
css 流的世界观：css世界几乎是围绕着流建立的，主要通过以下来实现
css的基石是HTML，因此要让HTML的默认表现符合流
特殊布局与流的破坏：通过破坏流来实现特殊布局
流向的改变：改变默认的流向
什么是流体布局：所谓“流体布局”，指的是利用元素“流”的特性实现的各类布局效果。因为“流”本身具有自适应特性，所以“流体布局”往往都是具有自适应性的。但是，“流体布局”并不等同于“自适应布局”。“自适应布局”是对凡是具有自适应特性的一类布局的统称，“流体布局”要狭窄得多。例如，表格布局也可以设置为 100%自适应，但表格和“流”不是一路的，并不属于“流体布局”。
第二章
专业术语：
属性：css的中文称谓
值：整数值、数值、百分比值、长度值、颜色值
关键字：关键的单词，如transparent
变量：如css3的currentColor
长度单位：px、em等
（1）相对长度单位。相对长度单位又分为相对字体长度单位和相对视区长度单位。• 相对字体长度单位，如 em 和 ex，还有 CSS3 新世界的 rem 和 ch（字符 0 的宽度）。• 相对视区长度单位，如 vh、vw、vmin 和 vmax。（2）绝对长度单位：最常见的就是 px，还有 pt、cm、mm、pc 等了解一下就可以，在我看来，它们实用性近乎零，至少我这么多年一次都没用过。
功能符：值以函数的形式指定（就是被括号括起来的那种），主要用来表示颜色（rgba 和 hsla）、背景图片地址（url）、元素属性值、计算（calc）和过渡效果等
3.1
块级元素：常见的块级元素有<div>、<li>和<table>等。需要注意是，“块级元素”和“display 为 block 的元素”不是一个概念。例如，<li>元素默认的 display 值是 list-item，<table>元素默认的 display 值是 table，但是它们均是“块级元素”，因为它们都符合块级元素的基本特征，也就是一个水平流上只能单独显示一个元素，多个块级元素则换行显示。
width/height 作用在内在盒子
深藏不露的 width:auto
（1）充分利用可用空间。比方说，<div>、<p>这些元素的宽度默认是 100%于父级容器的。这种充分利用可用空间的行为还有个专有名字，叫作 fill-available，大家了解即可。（2）收缩与包裹。典型代表就是浮动、绝对定位、inline-block 元素或 table 元素（3）收缩到最小。（4）超出容器限制。
css 流的世界观：css世界几乎是围绕着流建立的，主要通过以下来实现
css的基石是HTML，因此要让HTML的默认表现符合流
特殊布局与流的破坏：通过破坏流来实现特殊布局
流向的改变：改变默认的流向
什么是流体布局：所谓“流体布局”，指的是利用元素“流”的特性实现的各类布局效果。因为“流”本身具有自适应特性，所以“流体布局”往往都是具有自适应性的。但是，“流体布局”并不等同于“自适应布局”。“自适应布局”是对凡是具有自适应特性的一类布局的统称，“流体布局”要狭窄得多。例如，表格布局也可以设置为 100%自适应，但表格和“流”不是一路的，并不属于“流体布局”。
第二章
专业术语：
属性：css的中文称谓
值：整数值、数值、百分比值、长度值、颜色值
关键字：关键的单词，如transparent
变量：如css3的currentColor
长度单位：px、em等
（1）相对长度单位。相对长度单位又分为相对字体长度单位和相对视区长度单位。• 相对字体长度单位，如 em 和 ex，还有 CSS3 新世界的 rem 和 ch（字符 0 的宽度）。• 相对视区长度单位，如 vh、vw、vmin 和 vmax。（2）绝对长度单位：最常见的就是 px，还有 pt、cm、mm、pc 等了解一下就可以，在我看来，它们实用性近乎零，至少我这么多年一次都没用过。
功能符：值以函数的形式指定（就是被括号括起来的那种），主要用来表示颜色（rgba 和 hsla）、背景图片地址（url）、元素属性值、计算（calc）和过渡效果等
3.1
块级元素：常见的块级元素有<div>、<li>和<table>等。需要注意是，“块级元素”和“display 为 block 的元素”不是一个概念。例如，<li>元素默认的 display 值是 list-item，<table>元素默认的 display 值是 table，但是它们均是“块级元素”，因为它们都符合块级元素的基本特征，也就是一个水平流上只能单独显示一个元素，多个块级元素则换行显示。
width/height 作用在内在盒子
深藏不露的 width:auto
（1）充分利用可用空间。比方说，<div>、<p>这些元素的宽度默认是 100%于父级容器的。这种充分利用可用空间的行为还有个专有名字，叫作 fill-available，大家了解即可。（2）收缩与包裹。典型代表就是浮动、绝对定位、inline-block 元素或 table 元素（3）收缩到最小。（4）超出容器限制。
