今天我們來學習一下外部式CSS樣式。這種樣式將CSS代碼放置在一個單獨的文件中，并在HTML文件中通過標簽引入文件。這種方式的優點是可以讓多個HTML文件共用同一組CSS樣式，不用每個HTML文件都有自己的CSS樣式。下面我們來看看一個例子。
在這個例子中，我們將創建一個簡單的網頁并使用外部式CSS樣式，如下所示：
在HTML文件（index.html）中引入CSS文件：
<html>
<head>
<meta charset="UTF-8">
<title>外部式CSS樣式示例</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<h1>歡迎來到我的網站</h1>
<p>這是一個關于外部式CSS樣式的例子。</p>
</body>
</html>
在CSS文件（style.css）中設置樣式：
h1 {
color: red;
}
p {
font-size: 18px;
}
這個CSS文件中定義了兩個選擇器，分別用于設置和
標簽的樣式。通過使用外部式CSS樣式，我們將HTML文件和CSS文件分離開來，使代碼更容易維護和修改。
上一篇外部引用格式css