1⃣️ 写在body标签前利于浏览器逐步渲染:
resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint
2⃣️ 写在body标签后:
由于浏览器以逐行方式对html文档进行解析;
当解析到写在尾部的样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成之后重新渲染;
在windows的IE下可能会出现FOUC现象(即样式失效导致的页面闪烁问题);
1⃣️ 写在body标签前利于浏览器逐步渲染:
resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint
2⃣️ 写在body标签后:
由于浏览器以逐行方式对html文档进行解析;
当解析到写在尾部的样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成之后重新渲染;
在windows的IE下可能会出现FOUC现象(即样式失效导致的页面闪烁问题);