在網站建設中，我們往往需要使用到大量的CSS樣式表。而每次用戶請求網頁時，都需要再次加載CSS樣式表，這會給網站帶來許多不必要的資源浪費。

為了解決這個問題，我們可以借助HTML的緩存機制，將CSS文件緩存到用戶的本地瀏覽器中，下次再訪問該網站時，就可以直接加載緩存的CSS文件，從而加快網站的載入速度。

在HTML中，我們可以通過設置HTTP頭中的Expires和Cache-Control字段來控制緩存時間。例如下面是一個示例：

<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Cache-Control" content="max-age=3600" />
<meta http-equiv="Expires" content="Mon, 01 Jan 2024 00:00:00 GMT" />

其中，<link>標簽指定了CSS文件路徑，而<meta>標簽則用于設置HTTP頭，告訴瀏覽器該文件可以緩存多長時間。

Cache-Control是HTTP/1.1中的一個緩存控制機制，max-age指定了緩存的秒數，這里是3600秒（1小時）。如果你希望CSS文件永久緩存，可以設置成max-age=31536000。

Expires則是HTTP/1.0中的一個過期控制機制，它指定了一個具體的時間戳，這里是2034年1月1日。這意味著，該文件在2034年之前是不會過期的。

以上兩個字段可以同時存在，但Cache-Control優先級更高。如果兩個字段的值不同，那么緩存時間以Cache-Control的max-age為準。

當用戶請求該CSS文件時，瀏覽器會檢查緩存，如果緩存未過期，則直接使用緩存的文件。否則，瀏覽器會重新下載該文件，并更新緩存。

HTML的緩存機制可以大大提高網站的性能，但需要注意的是，過長的緩存時間可能會導致用戶看到錯誤的頁面樣式。因此，在設置緩存時間時，需要根據具體情況進行權衡。