页面渲染原理

渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩 展）

渲染引擎

不同的浏览器有不同的渲染引擎，对于渲染引擎的使用总结如下：

1. Trident(MSHTML)内核：IE,MaxThon,TT,The World,360,搜狗浏览器等 。
2. Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等 。
3. Presto内核：Opera7及以上 。
4. Webkit内核：Safari,Chrome等 。

步骤详细解释

第一步：渲染引擎开始解析html，根据标签构建DOM节点 。

第二步：根据css样式构建渲染树，包括元素的大小、颜色，隐藏的元素不会被 构建到该树中。

第三步：根据css样式构建布局树，主要是确定元素要显示的位置。

第四步：根据前面的信息，绘制渲染树。