本文目錄導(dǎo)讀：
如何將CSS導(dǎo)入HTML中
在網(wǎng)頁(yè)開發(fā)中，CSS（層疊樣式表）和HTML（超文本標(biāo)記語(yǔ)言）是不可或缺的技術(shù)，CSS用于描述網(wǎng)頁(yè)的外觀和格式，而HTML則是構(gòu)建網(wǎng)頁(yè)結(jié)構(gòu)的基礎(chǔ)，為了讓網(wǎng)頁(yè)具有吸引力和可讀性，我們需要將CSS導(dǎo)入HTML中。
內(nèi)部樣式表
內(nèi)部樣式表是將CSS代碼寫在HTML文件的頭部（head）部分，使用style標(biāo)簽包裹起來(lái)，這種方法適用于單個(gè)頁(yè)面的樣式定制。
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: navy;
}
</style>
</head>
<body>
<h1>歡迎來(lái)到我的網(wǎng)頁(yè)！</h1>
<p>這是一個(gè)段落。</p>
</body>
</html>外部樣式表
外部樣式表是將CSS代碼寫在單獨(dú)的CSS文件中，然后通過(guò)HTML文件的頭部（head）部分使用link標(biāo)簽引入，這種方法適用于多個(gè)頁(yè)面或多個(gè)網(wǎng)站的樣式定制。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>歡迎來(lái)到我的網(wǎng)頁(yè)！</h1>
<p>這是一個(gè)段落。</p>
</body>
</html>在上面的代碼中，我們通過(guò)link標(biāo)簽引入了名為styles.css的外部樣式表文件，該文件可以包含多個(gè)CSS規(guī)則，用于定制網(wǎng)頁(yè)的外觀和格式。
內(nèi)聯(lián)樣式表
內(nèi)聯(lián)樣式表是將CSS代碼直接寫在HTML元素的開始標(biāo)簽中，使用style屬性來(lái)定義樣式規(guī)則，這種方法適用于單個(gè)元素的樣式定制。
<!DOCTYPE html>
<html>
<body>
<h1 style="color: navy;">歡迎來(lái)到我的網(wǎng)頁(yè)！</h1>
<p style="color: blue;">這是一個(gè)段落。</p>
</body>
</html>在上面的代碼中，我們直接在h1和p元素的開始標(biāo)簽中使用了style屬性來(lái)定義顏色樣式，這種方式會(huì)覆蓋外部樣式表中的樣式規(guī)則。
將CSS導(dǎo)入HTML中有三種方式：內(nèi)部樣式表、外部樣式表和內(nèi)聯(lián)樣式表，選擇哪種方式取決于你的具體需求和開發(fā)場(chǎng)景。
