浏览器的渲染机制
1、什么是DOCTYPE
DTD是一系列的语法规则，用来定义XML或XHTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析以及切换浏览器模式。
DOCTYPE是用来声明文档类型和DTD规范的。
DOCTYPE的3种写法：
- HTML5 <!DOCTYPE html>
- HTML4.01 Strict （严格模式，包含所有的HTML元素和属性，不包括展示性和弃用的元素，如font） 和 HTML4.01 Transitional（传统模式，包含所有的HTML元素和属性，包括展示性和弃用的元素，如font）
2、浏览器渲染过程
3、重排reflow，触发条件如下：
- 增加、删除、修改DOM节点时，会导致reflow和repaint
- 移动DOM位置或搞CSS3动画
- 修改CSS样式的时候
- resize窗口的时候，或是滚动的时候
- 修改网页的默认字体
4、重绘repaint，触发条件如下：
- DOM改动
- CSS改动