在HTML中，我們可以使用內(nèi)聯(lián)（inline）、嵌入（embedded）和外部（external）三種方式來(lái)引用CSS樣式。今天我們來(lái)具體了解一下鏈入式（linked）CSS樣式的使用方法。
鏈入式CSS樣式指的是將CSS樣式單獨(dú)寫(xiě)在一個(gè)外部文件中，然后在HTML文件中通過(guò)標(biāo)簽將其鏈接到HTML文件中。這樣做的好處是可以使HTML文件更加簡(jiǎn)潔、易于維護(hù)。
下面我們來(lái)看一下鏈入式CSS樣式的具體寫(xiě)法：
1. 首先，我們需要新建一個(gè)CSS文件，比如說(shuō)命名為“style.css”。在這個(gè)CSS文件中，我們可以寫(xiě)上我們所需要的所有CSS樣式，比如：
pre {
background-color: #eee;
padding: 10px;
}
2. 然后，在HTML文件中，我們需要使用標(biāo)簽將CSS文件鏈接到HTML文件中。具體寫(xiě)法如下：其中，href屬性表示要鏈接的CSS文件的路徑。如果CSS文件和HTML文件在同一文件夾下，則只需要寫(xiě)上文件名即可；如果在不同的文件夾下，則需要寫(xiě)上文件夾和文件名，比如href="css/style.css"。
3. 最后，我們需要在HTML文件中使用我們所定義的CSS樣式。我們可以以
標(biāo)簽為例，如下：
This is a paragraph.
在標(biāo)簽中，我們可以通過(guò)class屬性來(lái)引用我們所定義的CSS樣式，如下：
This is a paragraph.
其中，class屬性的值為我們所定義的樣式名稱(chēng)。此時(shí)，標(biāo)簽的背景色和內(nèi)襯就會(huì)被應(yīng)用上。 總結(jié)一下，使用鏈入式CSS樣式的步驟如下： 1. 新建一個(gè)CSS文件，寫(xiě)上所需要的CSS樣式； 2. 在HTML文件頭部使用標(biāo)簽將CSS文件鏈接到HTML文件中； 3. 在HTML文件中使用所定義的CSS樣式，通過(guò)class屬性來(lái)引用。 以上就是鏈入式CSS樣式的基本寫(xiě)法和使用方法。希望對(duì)你有所幫助！
上一篇鏈接css格式