5. 把css放在head上
我们发现把样式表移到 HEAD 部分可以提高界面加载速度,因此这使得页面元素可以顺序显示。 在很多浏览器下,如 IE,把样式表放在 document 的底部的问题在于它禁止了网页内容的顺序显示。 浏览器阻止显示以免重画页面元素,那用户只能看到空白页。Firefox 不会阻止显示,但这意味着当样式表下载后,有些页面元素可能需要重画,这导致闪烁问题。 HTML 规范明确要求样式表被定义在 HEAD 中,因此,为避免空白屏幕或闪烁问题, 最好的方法是遵循 HTML 规范,把样式表放在 HEAD 中。