如何避免無樣式內容閃爍(FOUC)？

什麼是FOUC？

FOUC - Flash Of Unstyled Content 文檔樣式閃爍 即 文檔樣式短暫失效
若是使用 import 引入 css 文件會致使某些頁面在IE下出現一些奇怪的現象：

以無樣式顯示頁面內容的瞬間閃爍

造成緣由

1. 經過 @import 引入 css 樣式

   <style>
       @import "../fouc.css";
   </style>

2. 樣式表放在頁面底部
3. 有多個樣式表，放在 html 不一樣位置

原理：IE會先加載整個HTML文檔的DOM，而後再去導入外部的CSS文件，所以，在頁面DOM加載完成到CSS導入完成中間會有一段時間頁面上的內容是沒有樣式的，這段時間的長短跟網速，電腦速度都有關係。

解決方法：

在head裏面加入一個link或者script標籤