浏览器工作流程

        首先我们必须明确一点就是：浏览器工作流程中采用流式处理，可以简单的理解为一部分DOM元素构造好后，去检查它匹配到了那些CSS规则，而不是等整棵DOM树构建好后才去匹配CSS规则。

       其次，浏览器工作的大致流程是什么呢？

1.  输入URL；(即目的是使用HTTP/HTTPS协议，向服务器请求页面)
2. 将URL变成字符流，把字符流变成词（token）流，把词流构造成DOM树；（即HTML各标签到DOM树）
3. 给DOM树添加CSS属性（按照选择器匹配规则）；（即生成一棵带有CSS属性的树）
4. 通过排版（正常流，绝对定位元素、浮动元素）来确定每个元素的位置；
5. 根据每个元素的位置和大小，在内存中：渲染（元素变成位图）、合成（一部分位图变成合成层）、绘制（合成层显示到屏幕上）。

       最后，网页就呈现在你的面前。