1. 置换元素
置换元素是指：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
html中的<img><input><textarea><select><object>都是置换元素，这些置换元素往往没有实际内容，即是一个空元素。
浏览器中的大多数元素都是不可置换元素，即其内容直接展示给浏览器。
2. 按钮组 btn-group
.btn-group该class用于形成基本的按钮组；
.btn-toolbar该 class 有助于把几组 <div class="btn-group"> 结合到一个 <div class="btn-toolbar"> 中，一般获得更复杂的组件。
btn-group-lg, .btn-group-sm, .btn-group-xs 这些 class 可应用到整个按钮组的大小调整，而不需要对每个按钮进行大小调整。
3. 触发BFC
（1）、具有浮动（即float不为none）
（2）、具有绝对定位或固定定位（position：absolute |fixed）
（3）、display为inline-block, table-cell, table-caption, flex, inline-flex
（4）、overflow不为visible（一般设置overflow：hidden）
4.
- .col-xs- 超小屏幕 手机 <768px
- .col-sm- 小屏幕 平板 >=768px
- .col-md- 中等屏幕 >=992px
- .col-lg- 大屏幕 >1200px
5. label标签
label只有两个属性for（规定 label 绑定到哪个表单元素）和form（规定 label 字段所属的一个或多个表单）。
6. 可用于优化CSS图片加载的技术
CSS sprites (减小对服务器的请求) , SVGsprit （体积小，矢量） , iconfront （体积小，矢量） , base64 (减小对服务器的请求)
7. 回流（reflow）与重绘(repaint)
回流必引起重绘，重绘不一定引起回流。
Display:none会触发reflow
visibility:hidden会触发repaint
8. DOM事件流
DOM事件流包括三个阶段：事件捕获阶段，处于目标阶段，事件冒泡阶段。
笔记3
原文：https://www.cnblogs.com/-pudding/p/11517060.html
