外聯的 CSS 樣式是指通過將 CSS 樣式文件放置在與需要樣式化的頁面相關的 HTML 文件中，從而實現對頁面不同部分樣式的統一控制。

使用外聯的 CSS 樣式可以使開發人員更加靈活地控制樣式，同時也可以使頁面更加美觀和易于維護。下面將介紹如何使用外聯的 CSS 樣式。

1. 將外聯的 CSS 樣式文件放置在與需要樣式化的頁面相關的 HTML 文件中。外聯的 CSS 樣式文件應該放置在 HTML 文件的頭部，通常是 `head` 標簽內。

2. 在需要樣式化的頁面中使用元素的 `style` 屬性來引用外聯的 CSS 樣式文件。例如，如果要樣式化一個按鈕，可以使用以下代碼：

<button style="background-color: red;">點擊我</button>

在上面的代碼中，`style` 屬性引用了外聯的 CSS 樣式文件，并將樣式應用到按鈕的背景顏色上。

3. 外聯的 CSS 樣式可以通過屬性值來控制樣式。例如，如果要將按鈕的文本顏色設置為白色，可以使用以下代碼：

<button style="background-color: white; text-color: red;">點擊我</button>

在上面的代碼中，`text-color` 屬性將按鈕的文本顏色設置為紅色，而 `background-color` 屬性將按鈕的背景顏色設置為白色。

4. 外聯的 CSS 樣式可以通過變量來控制樣式。例如，如果要將按鈕的文本顏色和背景顏色分別與一個顏色值相關聯，可以使用以下代碼：

<button style="background-color: #FFA500; text-color: #FFA500;">點擊我</button>

在上面的代碼中，`background-color` 和 `text-color` 屬性分別引用了與顏色值相關聯的外聯的 CSS 樣式文件。

使用外聯的 CSS 樣式可以使開發人員更加靈活地控制樣式，同時也可以使頁面更加美觀和易于維護。通過將外聯的 CSS 樣式文件放置在與需要樣式化的頁面相關的 HTML 文件中，并使用屬性值和變量來控制樣式，可以方便地實現對頁面不同部分樣式的統一控制。