CSS外聯樣式是指通過在HTML頁面中添加CSS樣式表，來對頁面進行樣式控制的一種技術。制作CSS外聯樣式需要掌握一定的HTML和CSS知識，下面將詳細介紹一下制作方法。

1. 確定樣式需求

在制作CSS外聯樣式之前，需要先明確樣式需求。例如，需要控制頁面哪些部分需要顯示紅色，哪些部分需要顯示綠色，哪些部分需要顯示藍色等等。這些需求可以通過創建HTML頁面和添加CSS樣式表來實現。

2. 編寫CSS樣式表

在編寫CSS樣式表時，需要將樣式需求轉化為具體的樣式規則。例如，如果要求頁面上所有的標題都顯示紅色，可以使用以下CSS代碼來實現：

h1:hover {

color: red;

在上面的代碼中，`h1:hover`是用于控制標題hover狀態的類名，`color`是用于設置標題顏色的屬性值。

3. 將CSS樣式表嵌入HTML頁面中

將CSS樣式表嵌入HTML頁面中的方式有多種，其中一種常見的方式是將CSS樣式表作為HTML頁面中的CSS文件進行引用。例如，可以使用以下代碼將CSS樣式表嵌入到HTML頁面中：

<style>

/* CSS樣式表內容 */

</style>

在上面的代碼中，`<style>`標簽是用于引用CSS樣式表的標簽，`/* CSS樣式表內容 */`是用于包含CSS樣式表的具體內容。

4. 修改HTML頁面的樣式

在完成CSS外聯樣式的制作后，需要修改HTML頁面的樣式，以適應樣式需求。例如，如果要求頁面上所有的標題都顯示紅色，可以在HTML頁面的CSS文件中修改`h1`類名的顏色為紅色：

h1:hover {

color: #F00;

在上面的代碼中，`#F00`是用于設置標題顏色的顏色值。

CSS外聯樣式的制作需要一定的HTML和CSS知識，掌握了制作方法后，可以靈活地控制頁面的樣式，提高網頁的美觀度。