HTML 如何與 CSS 關聯？ 它是如何工作的？ HTML 是網頁的基本語言，而 CSS 則定義了網頁的外觀和樣式。 通過將兩者結合起來，您可以創建美麗且功能強大的網頁。 讓我們看看如何從 HTML 中引用 CSS 樣式表。 要使用 CSS 樣式表，我們需要將其與 HTML 文檔關聯起來。 這通過在現有 HTML 文檔中使用特定的 HTML 標記和屬性來完成。 許多開發人員將 CSS 樣式表保存為單獨的文件并將其鏈接到 HTML 文檔中。 在 HTML 文檔的 `` 部分中，您可以使用 `` 標記將 CSS 樣式表引用到 HTML 文檔中。 此標記的格式類似于下面的代碼段：

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

在這里， `rel` 屬性告訴瀏覽器鏈接的文件是一個樣式表， `type` 屬性指示文件的 MIME 類型， `href` 屬性包含樣式表文件的位置。 鏈接后，HTML 文檔中可以使用 CSS 樣式表中定義的任何樣式。 在 HTML 文檔中定義樣式表非常簡單，只需使用 `style` 屬性即可。 例如：

<p style="color:blue;font-size:20px;">Hello world!</p>

這將創建一個藍色文本和 20 像素大小的段落元素。 CSS 樣式表中的樣式類別也可以使用，它可以一次性對多個元素進行樣式設置。 要定義樣式類，請在 CSS 樣式表中使用 `.class` 選擇器。 然后，您可以將這個樣式類賦給希望具有相同樣式的每個元素。 例如：

.blueText {
color: blue;
}
<p class="blueText">Hello world!</p>

這將在每個帶有 `blueText` 類的元素中創建藍色文本。 在 HTML 和 CSS 結合使用時，存在許多更復雜的技巧和方法，包括使用多個 CSS 樣式表和使用繼承和優先級規則。 但是，了解基本關聯的概念是開始構建樣式和外觀的好地方。