在網頁設計中，HTML 用于結構和內容的描述，CSS 用于樣式和格式的定義。因此，將 HTML 和 CSS 關聯起來是非常重要的。以下是如何關聯 HTML 和 CSS 的簡要步驟：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS Demo</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Welcome to my website</h1> <p>This is a CSS demo.</p> </body> </html>
以上代碼中的 link 元素將 HTML 文件與 CSS 文件相關聯。它的 href 屬性指向 CSS 文件的地址。這將告訴瀏覽器在渲染頁面時同時加載該 CSS 文件，從而將所有樣式應用到 HTML 元素上。
接下來，我們在 CSS 文件中定義樣式：
body {
background-color: #f2f2f2;
}
h1 {
color: #333;
font-size: 36px;
}
p {
color: #666;
font-size: 24px;
}以上代碼中，我們定義了背景顏色、標題和段落文本的顏色和字體大小。
最后，我們的網頁現在已經關聯了 CSS 樣式，所有 HTML 元素都會根據 CSS 文件中定義的樣式來進行呈現。