在網站的開發中，CSS（級聯樣式表）是一項非常重要的技術。它可以讓我們給 HTML 元素添加樣式、布局和動畫效果。但是，當我們在開發網站的時候，需要注意一件事情——在頁面加載過程中，瀏覽器是按照順序解析和執行代碼的。換句話說，為了讓 CSS 生效，我們需要在 HTML 的頭部中先引入 CSS 文件。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My Website</title> <link rel="stylesheet" href="style.css"> </head> <body> <!-- your HTML code here --> </body> </html>
在 HTML 的頭部中使用 <link> 標簽引入外部 CSS 文件，可以讓 CSS 在頁面加載時先被瀏覽器讀取，這樣就能在頁面渲染之前對元素進行樣式的定義。否則，如果我們把 CSS 放在頁面尾部，瀏覽器在讀取 HTML 時就已經構造了頁面結構，這時候再去解析 CSS 就會增加頁面加載時間，并影響頁面加載速度，影響用戶體驗。
當然，我們也可以將 CSS 直接寫在 HTML 文件中，這樣就不需要引入外部文件，但是這樣會增加 HTML 文件的體積，使得頁面加載時間更長。因此，建議我們還是要遵循先引入 CSS 的習慣，這樣可以最大限度地優化頁面加載。