這是一段文本。

3、外部樣式表

外部樣式表是將CSS代碼寫在一個單獨的文件中，然后在HTML文檔的標(biāo)簽內(nèi)通過標(biāo)簽引入，這種方法適用于多個頁面共享樣式的情況，有利于代碼的維護(hù)和復(fù)用。

示例代碼：

假設(shè)我們有一個名為style.css的外部樣式表文件，內(nèi)容如下：

body {
  backgroundcolor: lightblue;
}
h1 {
  color: white;
  textalign: center;
}
p {
  fontfamily: "宋體";
  fontsize: 18px;
}

然后在HTML文檔中引入這個外部樣式表：

  


  
這是一個外部樣式表的例子
  
這是一段文本。

4、導(dǎo)入樣式表

導(dǎo)入樣式表是在CSS中通過@import規(guī)則引入另一個CSS文件，這種方法適用于模塊化開發(fā)，但瀏覽器對@import規(guī)則的支持不如標(biāo)簽好，因此不推薦使用。

示例代碼：

假設(shè)我們有一個名為style.css的外部樣式表文件，內(nèi)容如下：

@import url("reset.css");
body {
  backgroundcolor: lightblue;
}
h1 {
  color: white;
  textalign: center;
}
p {
  fontfamily: "宋體";
  fontsize: 18px;
}

然后在HTML文檔中引入這個外部樣式表：

  


  
這是一個導(dǎo)入樣式表的例子
  
這是一段文本。

在實際應(yīng)用中，我們通常使用內(nèi)部樣式表和外部樣式表來編寫和組織CSS代碼，內(nèi)聯(lián)樣式適用于單個元素或少量元素的樣式設(shè)置，而導(dǎo)入樣式表由于瀏覽器支持不佳，不推薦使用。