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])