HTML文件末尾的CSS

Question

我想知道瀏覽器如何處理大多數（如果不是全部）HTML之後出現的CSS規則。由於新規則，它是否必須重新整理整個頁面？還是使用其他類型的技術來處理這種類型的情況？謝謝。

Answer 1

重新佈局和重繪，也許。 （也就是說，如果它已經開始渲染並且加載的樣式需要不同的顯示。）

Reparse，no。樣式表純粹是表現性的;它們不影響解析。

Answer 2

假設瀏覽器在看到附加CSS時已經開始渲染頁面（這種行爲有很多瀏覽器特定的觸發器），並且假設新規則導致至少一個元素的CSS屬性更改，瀏覽器將簡單地將該元素標記爲需要重繪的元素。

這會導致在下次瀏覽器重新繪製其部分窗口時顯示頁面的任何可見更改。

請務必記住，現代瀏覽器會異步執行所有這些操作，並安排應用新CSS等事件，重新計算佈局和繪畫大部分（但不完全）彼此獨立。

Answer 3

有許多情況下，必須發生重繪，並且在頁面生命週期中的許多事件中DOM被更改。

但是，一旦頁面被解析，沒有理由再次解析它，所有的改變都是在內存DOM中進行的。

這是說，你應該把CSS中的鏈接HEAD因爲

• 它可以讓瀏覽器開始他們的下載速度
• 它complies with HTML4 norm（「它可能只出現在一個HEAD部分文件」）
• 它lets the browser start the rendering sooner
• 它可以讓你的同事和你的未來不是自己維護代碼
時感到驚訝3210