什么是FOUC?如何解决？

[Willing卡卡]

FOUC（Flash of Unstyled Content）文档样式短暂性失效
important 引入的css ，有时会导致在window下的ie浏览器上以无样式的页面内容瞬间闪烁的想象。

出现这种情况的主要原因是： css样式表的加载晚于了html结构的渲染。

原因可能有：
1、将样式表放于页面底部了
2、是用important 引入的样式表
3，有几个样式表，放在html结构的不同位置。

解决方式：
1、将样式表放于文档HEAD中
2、改用<link rel="stylesheet" href="style.css"> 方式引入
3、文件放到cdn上
————————————————
版权声明：本文为CSDN博主「Lilio1216」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/var_deng/article/details/105035293

[CSDN-Ada助手]

您可以前往 CSDN问答-前端 发布问题, 以便更快地解决您的疑问