javascript - style標籤寫在body後與body前有什麼差別

Question

style標籤寫在body後與body前有什麼差別?

Answer 1

寫在head標籤中利於瀏覽器逐步渲染（resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint）。具體渲染過程請參考
http://blog.csdn.net/wozaixia...
寫在body標籤後由於瀏覽器以逐行方式對html文檔進行解析，當解析到寫在尾部的樣式表（外聯或寫在style標籤）會導致瀏覽器停止之前的渲染，等待載入且解析樣式表完成之後重新渲染，在windows的IE下可能會出現FOUC現象（即樣式失效導致的頁面閃爍問題）

Answer 2

寫在後面就是先加載body後加載style樣式啊- -還能有什麼區別。 。

Answer 3

寫在後面可能會造成FOUC，寫在前面是比較好的

Answer 4

載入順序，在前就在 body 前加載， 在後就在 body 加載後，再加載

Answer 5

這跟瀏覽器爬蟲有關，載入頁面爬蟲進入html模式，寫在body前，頁面還未開始展示，不會出現頁面白屏效果；寫在body後，爬到css代碼的時候，爬蟲進入css模式，可能會出現白屏的情況。

Answer 6

一般樣式都是放在 head 之間的。 如果樣式放在底部。 他會載入標籤， 然後渲染樣式。 如果加載慢的話， 你會看到他會跳舞。