CSS外部樣式表的使用

在CSS中，外部樣式表是一種將樣式規(guī)則存儲在外部文件中的方法，這些規(guī)則可以被多個HTML文檔重復(fù)使用，外部樣式表以.css為后綴，可以在HTML文檔中使用link元素來引用。

創(chuàng)建外部樣式表的方法很簡單，只需將樣式規(guī)則寫入一個文本文件中，并將該文件保存為.css后綴的文件，我們可以創(chuàng)建一個名為style.css的文件，并將以下樣式規(guī)則寫入其中：

body {
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
}
h1 {
  color: #333;
  font-size: 2em;
}

在HTML文檔中使用link元素來引用這個外部樣式表：

<link rel="stylesheet" href="style.css">

這樣，HTML文檔就會應(yīng)用style.css文件中的樣式規(guī)則，需要注意的是，外部樣式表文件的路徑需要正確，否則無法找到并應(yīng)用樣式規(guī)則。

外部樣式表的優(yōu)勢在于可以提高代碼的可讀性和可維護性，通過將樣式規(guī)則存儲在外部文件中，我們可以更容易地找到和修改這些規(guī)則，而無需在HTML文檔中搜索和替換，外部樣式表還可以幫助我們更好地組織和管理樣式規(guī)則，使代碼更加整潔和有序。