CSS外聯式，簡單來說就是指將CSS樣式文件與HTML文檔分離，通過<link>標簽將CSS樣式文件鏈接到HTML文檔中。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS外聯式示例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎訪問我的網站！</h1> <p>這是CSS外聯式示例的內容。</p> </body> </html>
在上面的代碼中，我們首先在文檔頭部通過<link>標簽引入了名為style.css的CSS文件，然后我們在HTML文檔中就可以直接使用該CSS文件中定義的樣式了。
在CSS文件中，我們可以定義各種樣式，比如字體、文本顏色、背景、邊框等等。下面是一個簡單的示例，定義了一個類名為my-style的樣式：
.my-style {
font-size: 18px;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
}在上面的代碼中，我們使用了選擇器.my-style來表示該樣式應被應用到具有class="my-style"屬性的HTML元素中。
例如，如果我們希望將上面示例中的<p>元素應用該樣式，只需要在該元素中添加class="my-style"屬性即可：
<p class="my-style">這是CSS外聯式示例的內容。</p>
通過CSS外聯式，我們可以更好地管理網站的樣式，方便修改、維護，同時還可以提高頁面加載速度。