2011職稱計算機學習資料之CSS在網(wǎng)頁放置注意的兩個問題:
1、應該將 CSS 放置于結構的上方(一般放置于 head 元素內(nèi))。CSS 是解釋型語言,F(xiàn)irefox 和 IE 在等待 CSS 傳輸完成之前不會渲染任何東西。只有將 CSS 前置,才可在瀏覽器解析結構時,對頁面進行渲染。
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 stylesheet to be loaded before it renders anything else in the page, even the static text.
導致的問題就是,頁面會有一段時間“樸素”,突然之間又“華麗”,用戶體驗很不好。
2、盡量使用 的樣式導入方式,而減少 @import 的使用,更勿使用多層嵌套的 @import .因為在 IE 里, @import 相當于將 放在頁面尾部。
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.
1、應該將 CSS 放置于結構的上方(一般放置于 head 元素內(nèi))。CSS 是解釋型語言,F(xiàn)irefox 和 IE 在等待 CSS 傳輸完成之前不會渲染任何東西。只有將 CSS 前置,才可在瀏覽器解析結構時,對頁面進行渲染。
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 stylesheet to be loaded before it renders anything else in the page, even the static text.
導致的問題就是,頁面會有一段時間“樸素”,突然之間又“華麗”,用戶體驗很不好。
2、盡量使用 的樣式導入方式,而減少 @import 的使用,更勿使用多層嵌套的 @import .因為在 IE 里, @import 相當于將 放在頁面尾部。
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.

