1、應該將CSS 放置於結構的上方(一般放置於head 元素內)。 CSS 是解釋型語言,Firefox 和IE 在等待CSS 傳輸完成之前不會渲染任何東西。只有將CSS 前置,才可在瀏覽器解析結構時,對頁面進行渲染。
Example Source Code:
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-10 seconds for this page. The browser is waiting for the thingsheet to be ders thingit be se thingity beit se thingit beit bey the page, even the static text.
導致的問題就是,頁面會有一段時間“樸素”,突然之間又“華麗”,用戶體驗很不好。
2.盡量使用<link rel=”stylesheet” href=”http://www.cnwebshow.com/123.css” type=”text/css”> 的樣式導入方式,而減少@import 的使用,更勿使用多層嵌套的@import 。因為在IE 裡, @import 相當於將<link> 放在頁面尾端。
Example Source Code
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