在編寫HTML 頁(yè)面時(shí)，我們可能會(huì)想要改變文本或者其他頁(yè)面元素的樣式。這時(shí)就需要用到CSS。CSS（Cascading Style Sheets）意為層疊樣式表，它是一種用于定義HTML 頁(yè)面中元素樣式的語言。在這篇文章中，我們將討論如何將CSS 與 HTML 關(guān)聯(lián)起來。
<head> <style> /* 這里寫CSS 代碼 */ </style> </head>
將CSS 與HTML相關(guān)聯(lián)最基本的方法是將CSS 代碼放置在 HTML 頁(yè)面頭部的`style` 標(biāo)簽內(nèi)。在這個(gè) `style` 標(biāo)簽內(nèi)，你可以編寫你所需的CSS 代碼。例如，你可以編寫一個(gè)class 名為 `redText` 使得所有使用此class 的元素變成紅色的文本：
<head>
<style>
.redText {
color: red;
}
</style>
</head>
<body>
<p class="redText">這是紅色的文本</p>
</body>在這個(gè)例子中，我們?cè)?CSS 代碼中定義了一個(gè) class 名為 `redText`。在 HTML 元素中，我們使用 `class="redText"` 將其應(yīng)用到 `
` 標(biāo)簽上，使得這個(gè)段落中的文字變?yōu)榧t色。
另外一種將CSS 與HTML 相關(guān)聯(lián)的方式是通過外部CSS 文件。您可以在HTML 文件中使用 `` 標(biāo)簽鏈接外部CSS 文件。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在這個(gè)例子中，我們定義了一個(gè)外部CSS 文件 `style.css`，緊接著我們?cè)贖TML 文件中使用 `` 標(biāo)簽將其關(guān)聯(lián)。這使得我們可以將CSS 代碼從 HTML 頁(yè)面中分離出來，讓整個(gè)HTML 更加清晰易懂。
CSS 還可以通過元素名稱，ID 或者屬性來應(yīng)用樣式。例如，我們使用以下代碼將所有 `h1` 標(biāo)簽中的文本變?yōu)榧t色：
<style>
h1 {
color: red;
}
</style>在這個(gè)例子中，我們使用 `h1` 選擇器指定要應(yīng)用樣式的元素。
CSS 是一個(gè)非常強(qiáng)大的工具，可以為我們的 Web 開發(fā)帶來很多益處。無論是在 HTML 文件中使用內(nèi)部樣式表，還是在外部的CSS 文件中定義樣式表，都可以使得我們的 Web 頁(yè)面更加美觀、易讀，并帶來更好的用戶體驗(yàn)。