CSS ：为图文信息展示服务的
“流”： 一种基本的定位和布局机制
“流体布局”：利用元素“流”的特性实现的各类布局效果

.vocabulary {
  height: 99px;
  color: transparent;
  backgroud-color: rgba(0,0,0,.5);
}

1.属性: height, color;
2.值: 99px;
3.关键字: transparent;
4.长度单位: px
5.功能符: rgba(0,0,0,.5)
6.属性值: 值+关键字+功能符
7.声明: 属性名+属性值
8.声明块: { 属性名+属性值 }
9.@规则:

未定义行为
浏览器之间存在不统一行为或样式表现。

块级元素 != display为block的元素
​​​<li>​​​的display是 ​​list-item​​​，​​<table>​​的display是 table

为什么 list-item 元素会出现项目符号？
因为生成一个附加的盒子“标记盒子”（marker box），专门用来放圆点、数字这些项目符号。

display:inline-table 盒子是怎样组成的？
外面“内联”，里面“table”，是一个和文字在一行中显示的表格。

width:auto的4 种不同的宽度表现
1） 充分利用可用空间
2） 收缩与包裹
3） 收缩到最小
4） 超出容器限制

CSS 流体布局下的宽度分离原则
CSS 中的 width 属性不与影响宽度的 padding/border（包括 margin）属性共存

CSS min-width/max-width和min-height/max-height
超越!important 指的是 max-width 会覆盖 width
超越最大指的是min-width覆盖max-width

幽灵空白节点
指的是：在 HTML5 文档声明中，内联元素的所有解析和渲染表现就如同每个行框盒子的前面有一个“空白节点”一样。