style标签写在body前与写body后有什么区别,会造成什么后果

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

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

2⃣️ 写在body标签后:

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

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

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

发布了22 篇原创文章 · 获赞 2 · 访问量 3337

猜你喜欢

转载自blog.csdn.net/Geezer_007/article/details/100404473
今日推荐