CSS，層疊樣式表（Cascading Style Sheets），在網頁設計中起著十分重要的作用。而CSS是如何被加載到網頁中的呢？

首先，瀏覽器會檢查HTML文檔中是否有<link>標簽，這個標簽的作用是將樣式表文件鏈接到HTML文檔中。若有，則會向樣式表文件發送HTTP請求，將文件加載到瀏覽器的緩存中。如果沒找到任何<link>標簽，則會使用瀏覽器默認樣式表。

接著文檔開始渲染，瀏覽器解析HTML文檔，碰到<style>標簽，則會將其中的樣式表加載到瀏覽器的緩存中。這種情況相對少見，而且在頁面加載速度方面效果不如<link>標簽。

在HTML文檔中使用<style>標簽內聯樣式，在HTML文檔中的標簽中使用style屬性，或者使用JavaScript動態生成樣式，都會在文檔解析過程中進行解析和加載。

一旦樣式表文件被加載到瀏覽器的緩存中，瀏覽器便可以從緩存中獲取它，使得頁面加載更快。但需要注意的是，如果樣式表文件有更新，緩存中的舊文件不會因此得到更新，這時需要清除瀏覽器緩存才能加載最新的樣式表文件。

<!-- HTML標簽中使用link標簽 -->
<link href="style.css" rel="stylesheet">
<!-- HTML標簽中使用style標簽 -->
<style>
.text {
color: red;
}
</style>