ie中,将样式表放到文档底部,导致白屏的情形,其他情况承担fouc风险(firefox都是选择承担fouc风险)
- 新窗口打开时
- 重新加载
- 作为主页
- 将css放在文档顶部,可避免白屏
- 一个style块可以有多个import,但是必须放在其他规则之前。
- import规则可能会导致白屏现象,即便把import放在文档head中也是如此。
- 使用import会导致下载的无序性,使用link标签将样式表放到文档的head中
- 无样式的内容闪烁 flash of unstyled content (fouc):已经加载的文档重会导致的
- 白屏与fouc: 将样式表放到文档末尾,浏览器延迟呈现,避免fouc,则会导致白屏;反之,若浏览器逐步呈现,则有fouc的风险。解决办法:遵循html规范,将css放在顶部,即文档head中
- 样式表在页面并不会影响下载时间,但是会影响页面呈现。