外聯(lián)式 CSS 代碼是指在 HTML 文件中使用 CSS 樣式表來定義頁面元素的樣式，而不是在 HTML 元素中直接使用 CSS 屬性。這種設(shè)計(jì)可以使 CSS 樣式更易于添加、修改和刪除，并且可以更好地與 HTML 文檔和瀏覽器行為相匹配。

下面是一些外聯(lián)式 CSS 代碼的基本步驟：

1. 定義 HTML 元素

你需要在 HTML 文件中定義需要使用 CSS 樣式的 HTML 元素。例如，以下代碼定義了一個(gè)按鈕，它使用了 CSS 樣式來改變顏色和文本：

<button style="color: red; text-align: center;">點(diǎn)擊我</button>

2. 引入 CSS 樣式

你需要將 CSS 樣式文件引入到 HTML 文件中。通常，CSS 文件應(yīng)該放在 HTML 文件的外部文件中，例如 `/style.css`。例如，以下代碼將 CSS 樣式文件 `style.css` 引入到 HTML 文件中：

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

3. 設(shè)置 CSS 樣式

在定義 HTML 元素后，你需要將 CSS 樣式應(yīng)用到該元素上。可以使用 `style` 屬性或 `id` 或 `class` 屬性來設(shè)置 CSS 樣式。例如，以下代碼將 CSS 樣式應(yīng)用于按鈕元素：

<button style="color: red; text-align: center;">點(diǎn)擊我</button>

4. 保存和測試

完成設(shè)置 CSS 樣式后，你需要保存 HTML 文件并將其保存為 .css 文件。然后，你可以使用瀏覽器的開發(fā)者工具來測試外聯(lián)式 CSS 代碼。例如，在 Chrome 瀏覽器中，你可以在 DevTools 中查看元素的樣式設(shè)置：

通過以上步驟，你可以使用外聯(lián)式 CSS 代碼來定義頁面元素的樣式。需要注意的是，使用外聯(lián)式 CSS 代碼需要對 HTML 和 CSS 進(jìn)行適當(dāng)?shù)牟季趾蜆邮皆O(shè)置，以確保樣式與 HTML 文檔和瀏覽器行為相匹配。