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

CSS外聯(lián)代碼是指將CSS代碼寫在HTML文檔的外部，然后通過鏈接的方式將其引入到HTML文檔中，這種寫法可以實(shí)現(xiàn)CSS代碼的復(fù)用和模塊化，提高開發(fā)效率和維護(hù)性。

在HTML文檔中使用CSS外聯(lián)代碼，需要遵循以下步驟：

1、編寫CSS代碼，并將其保存為一個.css文件。

2、在HTML文檔中使用<link>標(biāo)簽引入CSS文件。

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

rel屬性指定了鏈接的關(guān)系為樣式表，type屬性指定了鏈接的媒體類型為文本/CSS，href屬性指定了鏈接的目標(biāo)地址為style.css。

3、確保HTML文檔和CSS文件在同一目錄下，或者根據(jù)需要在<link>標(biāo)簽中設(shè)置href屬性的值。

4、在HTML文檔中使用CSS選擇器來應(yīng)用樣式。

<div class="my-div">Hello World!</div>

在CSS文件中編寫相應(yīng)的樣式規(guī)則：

.my-div {
  color: red;
  font-size: 20px;
}

這樣，當(dāng)瀏覽器渲染HTML文檔時，就會根據(jù)CSS文件中的樣式規(guī)則來應(yīng)用樣式，使得頁面呈現(xiàn)出相應(yīng)的效果。

需要注意的是，如果HTML文檔和CSS文件不在同一目錄下，需要在<link>標(biāo)簽中設(shè)置href屬性的值，以確保能夠正確地引入CSS文件，還需要注意選擇器的使用，確保能夠準(zhǔn)確地應(yīng)用樣式到指定的元素上。