HTML外聯(lián)式CSS代碼怎么寫

在HTML中，我們可以通過外聯(lián)式CSS來引入樣式表，使得HTML文檔更加簡潔、易于維護(hù)，HTML外聯(lián)式CSS代碼該怎么寫呢？

我們需要?jiǎng)?chuàng)建一個(gè)CSS樣式表文件，通常使用.css后綴，在HTML文檔中使用<link>元素來引入該CSS樣式表文件。

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

上述代碼中，style.css就是我們的CSS樣式表文件，通過rel屬性，我們指定了當(dāng)前文檔與樣式表的關(guān)系為樣式表；type屬性指定了樣式表的類型為文本/CSS；href屬性則指定了樣式表的URL地址。

需要注意的是，上述代碼應(yīng)該放在HTML文檔的頭部（head部分），以確保在瀏覽器加載HTML文檔時(shí)能夠同時(shí)加載到CSS樣式表。

在CSS樣式表文件中，我們可以編寫各種CSS規(guī)則來定義HTML元素的樣式。

body {
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
}

上述代碼中，我們定義了body元素的背景顏色和字體，這些規(guī)則將會(huì)應(yīng)用到所有使用body元素的HTML文檔中。

通過外聯(lián)式CSS，我們可以將樣式表與HTML文檔分離，使得HTML文檔更加清晰、易于閱讀和維護(hù)，我們還可以將樣式表應(yīng)用到多個(gè)HTML文檔中，提高代碼的重用性。