style标签写在body后与body前有什么区别

Posted ︶ㄣ鳯躌氷瀚

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了style标签写在body后与body前有什么区别相关的知识,希望对你有一定的参考价值。

写在head标签中利于浏览器逐步渲染(resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint)。具体渲染过程请参考
http://blog.csdn.net/wozaixia...
写在body标签后由于浏览器以逐行方式对html文档进行解析,当解析到写在尾部的样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成之后重新渲染,在windows的IE下可能会出现FOUC现象(即样式失效导致的页面闪烁问题)

以上是关于style标签写在body后与body前有什么区别的主要内容,如果未能解决你的问题,请参考以下文章

每日思考(2019/12/22)

js中style,currentStyle和getComputedStyle的区别

HTML中的<style;标签和<script;标签的位置

style样式和页面标签谁先加载

js写在head里还是body里 加载顺序 如何写

自己写的_top_parent以及对iframe和frameset的理解