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现象(即样式失效导致的页面闪烁问题);
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。