HTML與CSS是網(wǎng)頁開發(fā)的兩個(gè)重要部分，其中HTML負(fù)責(zé)頁面的結(jié)構(gòu)，而CSS則負(fù)責(zé)頁面的樣式，為了讓HTML在加載時(shí)CSS就能生效，我們需要了解HTML和CSS的加載順序以及如何在HTML中正確地引用CSS。
HTML文件應(yīng)該有一個(gè)<head>標(biāo)簽，這個(gè)標(biāo)簽內(nèi)部可以包含CSS的引用，我們會(huì)使用<link>標(biāo)簽來引用外部CSS文件。
<head>
<link rel="stylesheet" href="style.css">
</head>在這個(gè)例子中，style.css就是外部CSS文件，它會(huì)被瀏覽器加載并應(yīng)用到HTML文檔中，這樣，當(dāng)HTML文檔加載時(shí)，CSS就會(huì)生效。
我們還可以在HTML的<style>標(biāo)簽中直接寫入CSS代碼。
<head>
<style>
body {
background-color: blue;
}
</style>
</head>在這個(gè)例子中，CSS代碼直接寫在<style>標(biāo)簽中，它會(huì)把背景色設(shè)置為藍(lán)色，這種方法適合簡(jiǎn)單的樣式需求，但如果樣式需求復(fù)雜，建議將CSS代碼寫在一個(gè)單獨(dú)的文件中，然后通過<link>標(biāo)簽來引用。
為了讓HTML在加載時(shí)CSS就能生效，我們需要在HTML文檔中正確地引用CSS，無論是通過<link>標(biāo)簽來引用外部CSS文件，還是在<style>標(biāo)簽中直接寫入CSS代碼，都可以實(shí)現(xiàn)這個(gè)目標(biāo)。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
