網頁中的 CSS 樣式表是如何加載的？它們是如何緩存的？讓我們來了解一下。

一般來說，當我們在 head 標簽中引入一個鏈接指向 CSS 文件時，瀏覽器就會開始下載這個文件。當下載完成后，瀏覽器會解析 CSS 文件，并應用其中定義的樣式規則到文檔中。

在這個過程中，瀏覽器會使用緩存來提高性能，即如果一個 CSS 文件已經被緩存，那么它不會再次下載它，而是直接從緩存中讀取。這可以顯著減少頁面加載時間。

那么，CSS 文件是如何被緩存的呢？它們主要取決于 HTTP 緩存頭的設置。當瀏覽器下載一個新的 CSS 文件時，服務器會發送一組緩存控制頭信息，這些信息會告訴瀏覽器如何緩存該文件。例如，如果服務器發送的“Cache-Control”頭設置為“max-age=86400”，則瀏覽器會將文件緩存一天（即 86400 秒）。

我們也可以手動設置緩存控制頭信息來指定 CSS 文件的緩存策略。以下是一個例子：

Cache-Control: public, max-age=31536000, immutable

這將使瀏覽器將文件緩存為公共資源，并在一年內有效。同時，immutable 關鍵字告訴瀏覽器該文件將永久性緩存，不能被修改或重載。

總之，在網頁中使用 CSS 樣式表時，我們需要確保正確地設置緩存控制頭信息，以便提高性能并優化用戶體驗。