HTML 和 CSS 是現(xiàn)代網(wǎng)頁開發(fā)中不可缺少的兩個技術(shù)。HTML 負責頁面結(jié)構(gòu)的搭建，而 CSS 則負責頁面的樣式布局。怎樣將 CSS 和 HTML 結(jié)合起來呢？
在 HTML 中連接 CSS 最常用的方式是使用 link 標簽。 link 標簽要放在 head 標簽里面，作用是告訴瀏覽器在哪里找到 CSS 文件。代碼如下：
<head>
<link rel="stylesheet" href="style.css">
</head>這段代碼中，我們在 head 標簽里面使用了 link 標簽，指定了 rel 屬性的值為 “stylesheet”（樣式表） ；href 屬性的值為 “style.css” （CSS 文件所在的位置）。
在 CSS 文件中，我們可以使用選擇器來定義網(wǎng)頁元素需要的樣式。比如下面的代碼，定義了樣式表中的標題文字顏色，字號，字體等。
h1 {
color: red;
font-size: 24px;
font-family: Arial, sans-serif;
}這段代碼中，我們使用了 h1 選擇器指定了網(wǎng)頁標題的樣式，設(shè)置了其顏色為紅色，字號為 24 像素，字體為 Arial 或其他無襯線字體。
在 HTML 中，我們需要指定網(wǎng)頁元素與 CSS 中的選擇器相對應(yīng)。比如下面的代碼，將 h1 標簽和我們之前在 CSS 中定義的 h1 樣式關(guān)聯(lián)起來。
<h1>這是網(wǎng)頁標題</h1>這段代碼中，我們使用了 h1 標簽包裹了網(wǎng)頁標題文字，然后在 CSS 中使用 h1 選擇器指定了標題的樣式，在頁面中運行時，瀏覽器將自動把 h1 和 h1 樣式關(guān)聯(lián)起來。