结构——样式——整合 根据HTML结构生成DOM Tree 根据CSS生成CSSOM 根据DOM和CSSOM整合形成RenderTree 根据RenderTree开始渲染和展示 遇到script时,会执行并阻塞渲染 因为js有权利改变DOM结构,避免冲突从上到下执行 为什么要把CSS放在head中? 先加载默认,又加载样式,用户体验差,性能体验差 为什么要把script放在body最下面? 不会阻塞HTML结构渲染,可以拿到所有的HTML