css放在頭部的原因:這樣會先載入css的樣式,在渲染dom的時候已經知道了自己的樣式,所以渲染一次即可成功。這種方式可以防止閃跳、白屏或佈局混亂的現象發生。
分析:
這樣會先載入css的樣式,在渲染dom的時候就已經知道自己的樣式了,所以一次渲染即可成功,這樣可以防止閃光、白屏或佈局混亂的現象發生。
(學習影片分享:css影片教學)
如果css放在底部,那麼需要先渲染dom,然後載入css後會重新渲染之前的dom,這就需要兩次渲染,使用者體驗較差。
現在瀏覽器為了更好的使用者體驗,渲染引擎會嘗試盡快在螢幕上顯示內容,它不會等到所有的HTMl元素解析之後在建置和佈局dom樹,所以部分內容將會被解析並顯示。也就是說瀏覽器能夠渲染不完整的dom樹和cssom,盡快的減少白螢幕的時間。
相關推薦:CSS教學
以上是css為什麼要放在頭呢的詳細內容。更多資訊請關注PHP中文網其他相關文章!