CSS（Cascading Style Sheets），是一種用于樣式設(shè)計(jì)的語言，可以讓網(wǎng)頁更加美觀、風(fēng)格多樣。在這里，我們將介紹CSS如何連接到HTML代碼以及CSS在HTML中的寫法。 首先，我們需要在HTML文件中通過link標(biāo)簽將CSS文件引入。通常，我們會將CSS文件保存為.css后綴，如下所示：

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

這個(gè)link標(biāo)簽需要放在HTML文件的head標(biāo)簽中，并且需要指定rel、type和href屬性。其中，rel屬性表示外部資源之間的關(guān)系，type屬性表示資源的MIME類型，href屬性指定了CSS文件的路徑。 接著，我們就可以在HTML文件中使用CSS了。我們可以在樣式表中定義一些樣式規(guī)則，然后在HTML元素上應(yīng)用這些規(guī)則。以下是一個(gè)非常簡單的CSS樣式表，定義了文章中的段落標(biāo)簽p的顏色和字體大小：

p {
color: red;
font-size: 16px;
}

這里，我們定義了p標(biāo)簽的CSS樣式。我們的CSS規(guī)則放在花括號中，并且每個(gè)規(guī)則的名字后面都有一個(gè)冒號。在本例中，我們定義的規(guī)則是color和font-size。color規(guī)則定義了p標(biāo)簽的文本顏色為紅色，font-size規(guī)則定義了文本的字體大小為16像素。 接下來，我們將這些規(guī)則應(yīng)用到HTML文件中的p標(biāo)簽中。為了實(shí)現(xiàn)這一點(diǎn)，我們可以將p標(biāo)簽的class屬性設(shè)置為與我們定義的規(guī)則相同的名稱，如下所示：

<p class="example">這是一個(gè)段落。</p>

在這個(gè)段落標(biāo)簽p上，我們將class屬性設(shè)置為"example"，這意味著這個(gè)段落使用我們在樣式表中定義的規(guī)則。 綜上所述，CSS連接HTML的方法很簡單，只需要使用link標(biāo)記在HTML代碼中將CSS文件引入，并在CSS樣式表中定義規(guī)則并將其應(yīng)用到HTML元素上。合理制定CSS樣式，可以極大地改善網(wǎng)頁的視覺效果，提高用戶體驗(yàn)。