1.style标签在上面和下面的区别style标签在HTML文档中的位置，实际上会影响页面的加载和显示效果。放在下面会导致页面先加载html，加载完成后加载css。如果在HTML文档中将style标签放在body标签后面，会导致浏览器在解析到尾部样式表（外联或写在style标签）时停止之前的渲染，等待加载且解析样式表完成后重新渲染。这可能会导致FOUC（Flash of Unstyled Cont
浏览器是如何渲染页面的？当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。整个渲染流程分为多个阶段，分别是： HTML 解析、样式计算、布局、分层、绘制、分块、光栅化、画每个阶段都有明确的输入输出，上一个阶段的输出会成为下一个阶段的输入。这样，整个渲染流程就形成了一套组织严密的生
