3、外部樣式表

外部樣式表是將CSS代碼寫在一個單獨的.css文件中，然后在HTML文檔中使用標(biāo)簽將其鏈接到HTML文檔中，這種方法有利于代碼的復(fù)用和維護(hù)，是推薦的做法。

創(chuàng)建一個名為style.css的外部樣式表文件：

body {
  backgroundcolor: lightblue;
}
h1 {
  color: white;
  textalign: center;
}
p {
  fontfamily: verdana;
  fontsize: 20px;
}

在HTML文檔中添加以下標(biāo)簽：

歡迎來到我的網(wǎng)站！
這是一個使用外部樣式表的示例。

4、CSS選擇器和優(yōu)先級

在HTML中連接CSS后，可以使用CSS選擇器來選擇需要應(yīng)用樣式的元素，可以使用類選擇器、ID選擇器、屬性選擇器等，還可以通過設(shè)置CSS規(guī)則的優(yōu)先級來調(diào)整樣式的應(yīng)用順序，優(yōu)先級從高到低依次為：內(nèi)聯(lián)樣式 > ID選擇器 > 類選擇器 > 屬性選擇器 > 偽類選擇器 > 元素選擇器，當(dāng)多個規(guī)則具有相同的優(yōu)先級時，后出現(xiàn)的規(guī)則會覆蓋先出現(xiàn)的規(guī)則。

5、媒體查詢和響應(yīng)式設(shè)計

使用媒體查詢可以針對不同設(shè)備的屏幕尺寸應(yīng)用不同的CSS樣式，實現(xiàn)響應(yīng)式設(shè)計，媒體查詢的基本語法如下：

@media screen and (maxwidth: 768px) {
  body {
    backgroundcolor: lightgreen;
  }
}

上述代碼表示，當(dāng)屏幕寬度小于等于768像素時，將背景顏色設(shè)置為淺綠色，媒體查詢可以與其他CSS規(guī)則結(jié)合使用，以實現(xiàn)更復(fù)雜的響應(yīng)式設(shè)計效果。