提升CSS在网页页面中的载入方法

1、应当将 CSS 置放于构造的上方（1般置放于 head 元素内）。CSS 是解释型語言，Firefox 和 IE 在等候 CSS 传送进行以前不容易3D渲染任何物品。仅有将 CSS 外置，才可在访问器分析构造时，对网页页面开展3D渲染。

This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6⑴0 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.

致使的难题便是，网页页面会有1段時间“质朴”，忽然之间又“绮丽”，客户体验很不太好。
2、尽可能应用 <link rel=”stylesheet” href=”http://www.planabc/yuanxin.css” type=”text/css”> 的款式导入方法，而降低 @import 的应用，更勿应用多层嵌套循环的 @import 。由于在 IE 里， @import 非常于将 <link> 放在网页页面尾部。

This is a valid syntax, but, even though it’s in the document’s HEAD, it breaks progressive rendering and instead causes the blank white screen and Flash of Unstyled Content problems.

拓展阅读文章： 《Flash of Unstyled Content (FOUC)》