CSS（層疊樣式表）是一種用于網頁布局和設計的語言，它可以控制網頁中各個元素的樣式和顯示效果。有三種方式可以將CSS樣式應用于HTML文檔：行內樣式、內嵌樣式和外部樣式。本篇文章將介紹外部樣式，也就是CSS外接樣式。
外部樣式是將CSS代碼保存在一個獨立的文件中，然后通過HTML文檔引用該文件來實現樣式的應用。外部樣式的優點是可以同時應用于多個HTML頁面，這樣可以避免重復的代碼和降低維護成本。下面是一個外部樣式表的簡單例子：
/* style.css文件中的樣式 */
body {
background-color: white;
font-family: Arial, sans-serif;
}
h1 {
color: blue;
font-size: 24px;
}
p {
color: gray;
font-size: 16px;
}上面的CSS代碼定義了三個樣式，分別是應用于整個文檔的body樣式、應用于h1標簽的樣式和應用于p標簽的樣式。這些代碼保存在一個名為style.css的文件中，可以通過以下方式在HTML文檔中引用該文件：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在HTML文檔中，可以使用link標簽將外部樣式表文件引用進來。其中，rel屬性表示這是一個樣式表文件，type屬性表示文件的類型，href屬性表示文件的路徑。在這個例子中，樣式表文件的名字是style.css，它和HTML文檔保存在同一個目錄下。
引用外部樣式表文件后，HTML文檔中的元素就可以應用該文件中定義的樣式了。例如，在下面的例子中，h1元素應用style.css中定義的樣式，變成藍色的字體大小為24px的標題：
<h1>這是一個標題</h1>
總結來說，外部樣式是一種非常實用的CSS應用方式，它能夠有效地提高代碼的重用性，并且使網頁設計更加靈活和易于維護。通過link標簽將樣式表文件引用進來，可以使HTML文檔具有更為豐富的樣式效果。
上一篇mysql數據庫新建主鍵
下一篇css外聯樣式的圖片地址