html 提供結構和內容，css 定義外觀和布局。html 使用標簽定義結構，css 使用規則集定義樣式。html 和 css 通過 <link> 標簽關聯，將 css 文件鏈接到 html 文檔，讓 css 樣式應用于 html 結構。
HTML 與 CSS 的關聯
HTML (Hypertext Markup Language) 和 CSS (Cascading Style Sheets) 是 Web 開發的基礎技術，它們共同作用，創建用戶界面并規定其外觀。
HTML 提供結構和內容
HTML 提供文檔的結構和內容。它使用標簽來定義文檔的各個部分，例如標題、段落和列表。例如：
<code class="html"><h1>標題</h1> <p>這是一個段落。</p> <ul> <li>項目 1</li> <li>項目 2</li> </ul></code>
登錄后復制
CSS 定義樣式
CSS 用來定義 HTML 元素的外觀和布局。它使用 CSS 規則集來指定元素的顏色、字體、大小、位置等樣式。例如：
<code class="css">h1 {
color: red;
font-size: 24px;
}
p {
color: black;
font-size: 16px;
}</code>
登錄后復制
關聯 HTML 和 CSS
HTML 和 CSS 通過<link>標簽關聯起來。此標簽將 CSS 文件與 HTML 文檔鏈接起來。例如：
<code class="html"> <link rel="stylesheet" href="style.css"></code>
登錄后復制
當瀏覽器讀取 HTML 文檔時，它也會讀取鏈接的 CSS 文件并應用指定的樣式。這樣，HTML 提供的結構和內容就可以通過 CSS 樣式進行增強和美化。
