搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

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

转载翻译原创

问答题 · 前端 · css · @{ formatTime(detail.create_time) }

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

写在head标签中利于浏览器逐步渲染（resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint）。

写在body标签后由于浏览器以逐行方式对html文档进行解析，当解析到写在尾部的样式表（外联或写在style标签）会导致浏览器停止之前的渲染，等待加载且解析样式表完成之后重新渲染，在windows的IE下可能会出现FOUC现象（即样式失效导致的页面闪烁问题）

FOUC：无样式内容闪烁(Flash Of Unstyled Content)

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 简单介绍下盒模型; 行内元素可以使用 transform 吗？; span右浮动后会发生什么变化？; 1rem、1em、1vh、1px各自代表的含义？; 物理像素和逻辑像素区别？; border: none与 border: 0的区别？; 为什么calc计算要加空格？

回顶部