FOUC

浏览器样式闪烁或者叫做无样式内存闪烁

当样式表晚于 结构性 html 加载，当加载到此样式表时，页面将停止之前的渲染。此样式表被下载和解析后，将重新渲染页面，也就出现了短暂 的 花屏现象

原因

1. 使用 import 方法导入样式表。

2. 将样式表放在页面底部

3. 有几个样式表，放在 html 结构的不同位置。

解决方案

• 换做使用 LINK 标签将样式表放在文档 HEAD 中来引入 css 样式