规则五：将样式表放在开头

• 为什么要把样式表放在开头？ 相信我们都遇到过一个现象就是，在等待页面加载过程中，页面会先白屏然后突然把所有的东西都加载出来了，这就是因为把样式表放在了最后，导致样式是最后加载的，而白屏是对无样式内容闪烁的一种弥补，那么什么是无样式内容闪烁，当页面的内容加载时，文字首先出现，然后是图片，最后又用样式重新描绘了文字和图片，具体效果可以看CSS Flash of Unstyled Content (stevesouders.com)。事实上，把样式表放在最后，加快了整个页面的响应，但从用户的角度来看，页面加载时间更长了，这就是逐步呈现的好处，用户希望尽快能看到页面，就像你在完成一个项目时，希望最快的看到收益，这个原理是一样的，当我们把样式表放在开头时，他会先下载样式表，尽管这不是页面所必须的，但是他能让用户感觉到页面更快的加载出来了，所以我们可以使用LINK标签将样式表放在文档HEAD中。