流：
流是 CSS 世界中的一种基本的定位和布局机制，它和我们现实中的水流有相似的表现，例如：div和span好比水和木头，div类似水会铺满整个容器，而span就好比木头在水中依次排列。css也提供方法，可以支持我们打破默认流的形态，使页面更丰富的展现。
属性：例如height高度、color颜色
值：百分比、色值
关键字：transparent、solid
长度单位：px、em
* 相对字体长度单位，如 em 和 ex，还有 CSS3 新世界的 rem 和 ch(字符 0 的宽度)。
* 相对视区长度单位，如 vh、vw、vmin 和 vmax。术语：功能符号：rgba、calc。
属性值：属性后的内容
声明：属性+属性值
声明块：花括号中的声明
规则集：选择器+声明块
选择器：用来选中目标元素
* ID 选择器:“#”打头，权重相当高。ID 一般指向唯一元素。但是，在 CSS 中，ID样式出现在多个不同的元素上并不会只渲染第一个，而是雨露均沾。但显然不推荐这么做。
* 属性选择器:指含有[]的选择器，形如[title]{}、[title= "css-world"]{}、[title~="css-world"]{}、[title^= "css-world"]{}和[title$="css-world"]{}等。
* 伪类选择器:一般指前面有个英文冒号(:)的选择器，如:first-child 或:last-child 等。
* 伪元素选择器:就是有连续两个冒号的选择器，如::first-line::first-letter、::before 和::after。
关系选择器：关系选择器是指根据与其他元素的关系选择元素的选择器，常见的符号有空格、>、~，还有+等，这些都是非常常用的选择器。
* 后代选择器:选择所有合乎规则的后代元素。空格连接。
* 相邻后代选择器:仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，因此又称“子选择器”。>连接。适用于 IE7 以上版本。
* 兄弟选择器:选择当前元素后面的所有合乎规则的兄弟元素。~连接。适用于 IE7 以上版本。
* 相邻兄弟选择器:仅仅选择当前元素相邻的那个合乎规则的兄弟元素。+连接。适用于IE7 以上版本。@规则：@media、@page
未定义行为：未统一规范而各浏览器表现不一致的的行为
元素类型：
块级元素：在水平流上只能显示一个元素，例如：div、p、li
内联元素：在水平流中依次排列例如：span、img
流是 CSS 世界中的一种基本的定位和布局机制，它和我们现实中的水流有相似的表现，例如：div和span好比水和木头，div类似水会铺满整个容器，而span就好比木头在水中依次排列。css也提供方法，可以支持我们打破默认流的形态，使页面更丰富的展现。
属性：例如height高度、color颜色
值：百分比、色值
关键字：transparent、solid
长度单位：px、em
* 相对字体长度单位，如 em 和 ex，还有 CSS3 新世界的 rem 和 ch(字符 0 的宽度)。
* 相对视区长度单位，如 vh、vw、vmin 和 vmax。术语：功能符号：rgba、calc。
属性值：属性后的内容
声明：属性+属性值
声明块：花括号中的声明
规则集：选择器+声明块
选择器：用来选中目标元素
* ID 选择器:“#”打头，权重相当高。ID 一般指向唯一元素。但是，在 CSS 中，ID样式出现在多个不同的元素上并不会只渲染第一个，而是雨露均沾。但显然不推荐这么做。
* 属性选择器:指含有[]的选择器，形如[title]{}、[title= "css-world"]{}、[title~="css-world"]{}、[title^= "css-world"]{}和[title$="css-world"]{}等。
* 伪类选择器:一般指前面有个英文冒号(:)的选择器，如:first-child 或:last-child 等。
* 伪元素选择器:就是有连续两个冒号的选择器，如::first-line::first-letter、::before 和::after。
关系选择器：关系选择器是指根据与其他元素的关系选择元素的选择器，常见的符号有空格、>、~，还有+等，这些都是非常常用的选择器。
* 后代选择器:选择所有合乎规则的后代元素。空格连接。
* 相邻后代选择器:仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，因此又称“子选择器”。>连接。适用于 IE7 以上版本。
* 兄弟选择器:选择当前元素后面的所有合乎规则的兄弟元素。~连接。适用于 IE7 以上版本。
* 相邻兄弟选择器:仅仅选择当前元素相邻的那个合乎规则的兄弟元素。+连接。适用于IE7 以上版本。@规则：@media、@page
未定义行为：未统一规范而各浏览器表现不一致的的行为
元素类型：
块级元素：在水平流上只能显示一个元素，例如：div、p、li
内联元素：在水平流中依次排列例如：span、img
