css樣式檔該放到哪

css樣式檔案應該放到HTML頂部的head中，這樣可以增加頁面的效能。 CSS檔案放頭部，在載入html產生DOM tree的時候，就可以同時對DOM tree進行渲染；這樣可以防止閃光，白螢幕或佈局混亂。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css樣式檔案應該放到HTML頂部的head中。

將css放在頭部可以增加頁面的效能。

CSS放頭部，在載入html產生DOM tree的時候，就可以同時對DOM tree進行渲染。這樣可以防止閃跳，白屏或佈局混亂。

現在瀏覽器為了更好的使用者體驗，渲染引擎會嘗試盡快在螢幕上顯示內容，它不會等到所有的HTMl元素解析之後在建置和佈局dom樹，所以部分內容將會被解析並顯示。也就是說瀏覽器能夠渲染不完整的dom樹和cssom，盡快的減少白螢幕的時間。

CSS如果放置底部，瀏覽器阻止內容逐步呈現，瀏覽器在等待最後一個css文件下載完成的過程中，就出現了“白屏”(新打開連接時為白屏，爾後先出現文字，圖片，樣式最後出現)。這點非常嚴重，因為在網路速度非常慢的情況下，css下載時間比較長，這樣就帶給使用者「白螢幕」的時間自然也就很長了，使用者體驗非常差。

CSS檔案如果放置底部，瀏覽器阻止內容逐步呈現，瀏覽器在等待最後一個css檔案下載完成的過程中，就出現了「白屏」（新開啟連線時為白屏，爾後先出現文字，圖片，樣式最後出現）。這點非常嚴重，因為在網路速度非常慢的情況下，css下載時間比較長，這樣就帶給使用者「白螢幕」的時間自然也就很長了，使用者體驗非常差。

（學習影片分享：css影片教學）

以上是css樣式檔該放到哪的詳細內容。更多資訊請關注PHP中文網其他相關文章！