什么是FOUC?如何避免FOUC?

这里关键是要介绍FOUC(Flash of Unstyled Content)这个名词,他的现象和避免方法其实一般做网站的都知道。

FOUC即文档样式短暂失效,也就是HTML代码加载成功时它的CSS文件还没有加载,导致出现的网页内容没有样式,一般有这几种情况会导致FOUC:

1、使用import方法导入样式表;

2、HTML代码在前,CSS样式表在后

解决方法也很简单:

1、尽量减少使用import方法导入样式表;

2、CSS样式表全部放到HEAD里