這是一段文本。

3、外部樣式表

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

示例代碼：

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

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

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

  


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

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

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

示例代碼：

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

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

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

  


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

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