本文目錄導(dǎo)讀：
HTML與CSS的鏈接關(guān)系
HTML（超文本標(biāo)記語(yǔ)言）與CSS（層疊樣式表）是網(wǎng)頁(yè)設(shè)計(jì)的兩大核心，HTML負(fù)責(zé)構(gòu)建網(wǎng)頁(yè)的結(jié)構(gòu)，而CSS則負(fù)責(zé)給這個(gè)結(jié)構(gòu)添加樣式，如何將HTML鏈接到CSS中呢？
內(nèi)部樣式表
在HTML文件中，可以使用style元素來(lái)定義CSS樣式，這種樣式表被稱為內(nèi)部樣式表。
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: navy;
}
</style>
</head>
<body>
<h1>歡迎來(lái)到我的網(wǎng)頁(yè)！</h1>
<p>這是一個(gè)段落。</p>
</body>在這個(gè)例子中，HTML文件的head部分定義了一個(gè)內(nèi)部樣式表，其中包含了兩個(gè)樣式規(guī)則：一個(gè)是針對(duì)body元素的背景顏色，另一個(gè)是針對(duì)h1元素的字體顏色，這些規(guī)則會(huì)應(yīng)用到HTML文件中相應(yīng)的元素上。
外部樣式表
除了內(nèi)部樣式表，還可以通過(guò)link元素來(lái)鏈接一個(gè)外部CSS文件，這種樣式表被稱為外部樣式表。
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>歡迎來(lái)到我的網(wǎng)頁(yè)！</h1>
<p>這是一個(gè)段落。</p>
</body>在這個(gè)例子中，HTML文件鏈接了一個(gè)名為styles.css的外部CSS文件，這個(gè)文件可以包含多個(gè)樣式規(guī)則，這些規(guī)則會(huì)應(yīng)用到HTML文件中相應(yīng)的元素上，需要注意的是，外部CSS文件需要放在與HTML文件相同的目錄下。
內(nèi)聯(lián)樣式表
除了內(nèi)部和外部樣式表，還可以在HTML元素中使用style屬性來(lái)定義樣式，這種樣式表被稱為內(nèi)聯(lián)樣式表。
<body style="background-color: lightblue;">
<h1 style="color: navy;">歡迎來(lái)到我的網(wǎng)頁(yè)！</h1>
<p style="color: red;">這是一個(gè)段落。</p>
</body>在這個(gè)例子中，body、h1和p元素都使用了style屬性來(lái)定義樣式，這些樣式會(huì)覆蓋其他樣式表中定義的樣式規(guī)則，需要注意的是，內(nèi)聯(lián)樣式表的優(yōu)先級(jí)***高，會(huì)覆蓋其他樣式表中的規(guī)則。
HTML與CSS的鏈接關(guān)系可以通過(guò)內(nèi)部樣式表、外部樣式表和內(nèi)聯(lián)樣式表來(lái)實(shí)現(xiàn)，在實(shí)際應(yīng)用中，可以根據(jù)需要選擇適合的鏈接方式。
