1. HTML、 CSS、 JavaScript三者的关系
网页主要由三部分组成： 结构（ Structure） 、 表现（ Presentation） 和行为（ Behavior） HTML —— 结构， 决定网页的结构和内容（ “是什么”） CSS —— 表现（ 样式） ， 设定网页的表现样式（ “什么样子”） JavaScript（ JS） —— 行为， 控制网页的行为（ “做什么”）
2. 网页渲染过程
浏览器渲染的过程主要包括以下五步：
1浏览器将获取的HTML文档解析成DOM树。
2处理CSS标记，构成层叠样式表模型CSSOM(CSS Object Model)。
3将DOM和CSSOM合并为渲染树(rendering tree)，代表一系列将被渲染的对象。
4渲染树的每个元素包含的内容都是计算过的，它被称之为布局layout。浏览器使用一种流式处理的方法，只需要一次绘制操作就可以布局所有的元素。
5将渲染树的各个节点绘制到屏幕上，这一步被称为绘制painting。
（come from ：[https://www.jianshu.com/p/e6252dc9be32]）