在網頁設計中，CSS文件扮演著一個重要的角色。CSS文件不僅可以幫助我們使網站變得更加美觀，也可以使頁面更易于維護。CSS文件如何引用呢？以下是一些常用的方法。 首先，在HTML文件中引入CSS文件是通過使用<link>標簽來完成的。當<link>標簽被添加到HTML的header部分時，瀏覽器會自動加載CSS文件。這是一個基本的<link>標簽的示例：

<link rel="stylesheet" href="style.css">

其中，rel屬性規定在HTML文檔與被鏈接文檔之間的關系，href屬性則指向CSS文件在服務器上的位置。在以上代碼中，"style.css"就是CSS文件在服務器上的位置。 如果我們想在CSS文件中添加一些全局屬性，可以使用以下代碼：

body {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}

這將改變整個頁面的字體大小和字體類型。當我們在HTML文件中添加如下代碼時：

<p>這是一個段落</p>

段落的字體大小將被設置為16像素，字體類型為Arial。 除了直接在HTML文件中引用CSS文件以外，我們也可以在<style>標簽中嵌入CSS代碼。以下是一個簡單的例子：

<style>
body {
background-color: lightblue;
}
h1 {
color: white;
}
</style>

在以上代碼中，我們定義了一個新的背景顏色和h1元素的顏色。這些樣式將被應用到頁面的每個元素。 最后，通過使用<style>標簽和“@import”語句，我們可以引入另一個CSS文件。以下是一個示例：

<style>
@import url("style2.css");
</style>

在以上代碼中，“@import”語句指向了另外一個CSS文件，并將其導入到當前的CSS樣式表中。 通過以上方法，我們可以方便地引用CSS文件，從而使我們的網站變得更加美觀和易于維護。