本文目錄導(dǎo)讀：
HTML與CSS的關(guān)聯(lián)及引用方法
HTML（超文本標(biāo)記語(yǔ)言）與CSS（層疊樣式表）是網(wǎng)頁(yè)設(shè)計(jì)的兩大基石，HTML負(fù)責(zé)創(chuàng)建網(wǎng)頁(yè)的結(jié)構(gòu)，而CSS則負(fù)責(zé)為這些結(jié)構(gòu)添加樣式和布局，在網(wǎng)頁(yè)設(shè)計(jì)中，將CSS引用到HTML是一個(gè)重要的環(huán)節(jié)。
內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式是直接將樣式代碼添加到HTML元素中，這種方式簡(jiǎn)單直接，但缺點(diǎn)是可讀性和可維護(hù)性較差。
<p style="color: red; font-size: 16px;">這是一段紅色的文本。</p>
內(nèi)部樣式表
內(nèi)部樣式表是將樣式代碼放在HTML文檔的<head>標(biāo)簽內(nèi)，使用<style>標(biāo)簽包裹樣式代碼，這種方式比內(nèi)聯(lián)樣式更易于維護(hù)，但作用范圍僅限于當(dāng)前文檔。
<head>
<style>
p {
color: blue;
font-size: 18px;
}
</style>
</head>
<body>
<p>這是一段藍(lán)色的文本。</p>
</body>外部樣式表
外部樣式表是將樣式代碼寫在單獨(dú)的.css文件中，然后通過(guò)HTML文檔的<link>標(biāo)簽引用，這種方式可以實(shí)現(xiàn)樣式的復(fù)用和模塊化，是大型網(wǎng)站和Web應(yīng)用的***。
<head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>這是一段根據(jù)styles.css文件定義的文本樣式。</p> </body>
在CSS文件中，你可以這樣定義樣式：
p {
color: green;
font-size: 20px;
}內(nèi)聯(lián)樣式適用于簡(jiǎn)單的樣式需求，但可讀性和可維護(hù)性較差。
內(nèi)部樣式表適用于單個(gè)文檔的樣式需求，比內(nèi)聯(lián)樣式更易于維護(hù)。
外部樣式表適用于大型網(wǎng)站和Web應(yīng)用，可以實(shí)現(xiàn)樣式的復(fù)用和模塊化。
