在網頁設計中，CSS（層疊樣式表）是一種用于描述HTML文檔如何顯示的語言。CSS文件可以單獨保存，并在HTML文檔中引用。這樣做的好處是讓網頁的樣式和內容分離，讓網頁結構更加清晰，方便開發和維護。
要將CSS文件引用到HTML文檔中，可以在head標簽中使用link標簽，設置href屬性為CSS文件的路徑，rel屬性為stylesheet，如下所示：
<head> <link rel="stylesheet" href="style.css"> </head>
在該例中，style.css是CSS文件的文件名，該文件應與HTML文件位于同一個目錄下。當瀏覽器加載HTML文檔時，就會自動下載并應用該CSS文件中定義的樣式。
在CSS文件中，可以定義各種樣式，如文本樣式、字體樣式、背景樣式、邊框樣式等。下面是一個簡單的CSS例子：
body {
background-color: #f2f2f2;
}
h1 {
color: red;
font-size: 36px;
font-family: Arial, sans-serif;
}該例中，body元素的背景顏色為#f2f2f2，h1元素的顏色為紅色，字體大小為36px，字體族為Arial或sans-serif。
當使用單獨的CSS文件時，可以方便地對網頁的樣式進行修改，而無需修改HTML文件。此外，所有使用同一個CSS文件的HTML文檔在樣式方面也將具有一致性，提升網站的整體視覺效果。