白屏andFOUC

白屏

当把css样式放在底部或者使用@important方式引入样式时，一些浏览器例如chrome，它的加载和渲染机制是等css全部加载解析完再渲染展示页面，而这个等待时间就为白屏。

FOUC（无样式内容闪烁）

另一些浏览器例如FireFox，他会在css未加载前先展示页面，等css加载后再重绘一次，这就造成了无样式内容闪烁。

避免

所以为了避免这些问题，最好使用LINK标签将样式放在文档的HEAD中。