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

1⃣️ 写在body标签前利于浏览器逐步渲染:

      resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint

2⃣️ 写在body标签后:

      由于浏览器以逐行方式对html文档进行解析;

      当解析到写在尾部的样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成之后重新渲染;

      在windows的IE下可能会出现FOUC现象(即样式失效导致的页面闪烁问题);

posted @ 2020-08-09 00:18  大牛半路出家  阅读(865)  评论(0编辑  收藏  举报