CSS外部樣式怎么用呢？若將CSS代碼直接寫在HTML文檔中，不僅容易造成代碼冗長而且不方便管理，因此推薦使用外部樣式表。

<link rel="stylesheet" type="text/css" href="style.css">

以上是引用外部樣式表的代碼，其中rel屬性定義文檔與被鏈接文檔之間的關系，type屬性規定被鏈接文檔的類型，href屬性定義被鏈接文檔的位置。

接著，在style.css文件中書寫樣式代碼，記得所有代碼都應該寫在<style></style>標簽中，例如：

body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 24px;
font-weight: bold;
}
p {
color: #666;
font-size: 14px;
line-height: 1.5;
}

這是一個簡單的樣式表，其中定義了body、h1和p元素的樣式。在此之外，你還可以自定義其他元素的樣式。

最后，將HTML文檔中需要設置樣式的元素加上樣式類，如下：

<p class="text">這是一個段落</p>

這里，我們為該段落元素加上了名為text的樣式類，該樣式類在外部樣式表中如下定義：

.text {
color: #666;
font-size: 14px;
line-height: 1.5;
}

這樣，我們就實現了為該段落元素設置樣式的功能，同樣的，其他元素也可以加上相應的樣式類，從而實現自定義樣式。