本文目錄導(dǎo)讀：
如何將CSS樣式表引用到HTML文件中
在網(wǎng)頁(yè)開發(fā)中，HTML文件負(fù)責(zé)頁(yè)面的結(jié)構(gòu)和內(nèi)容，而CSS樣式表則負(fù)責(zé)頁(yè)面的外觀和樣式，為了讓HTML文件能夠正確地展示樣式，我們需要將CSS樣式表引用到HTML文件中。
一、使用<link>元素引用CSS樣式表
在HTML文件的頭部（<head>）使用<link>元素可以引用外部的CSS樣式表，我們有一個(gè)名為“style.css”的樣式表文件，可以使用以下代碼將其引用到HTML文件中：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>rel屬性指定了當(dāng)前文檔與被鏈接文檔之間的關(guān)系，type屬性指定了被鏈接文檔的媒體類型，href屬性則指定了被鏈接文檔的URL。
使用@import規(guī)則引用CSS樣式表
除了使用<link>元素外，我們還可以在HTML文件的頭部使用@import規(guī)則來引用CSS樣式表。
<head>
<style>
@import url('style.css');
</style>
</head>需要注意的是，使用@import規(guī)則引用CSS樣式表時(shí)，需要將其包含在<style>元素中，并且該<style>元素需要放在HTML文件的頭部。
使用內(nèi)聯(lián)樣式表
我們還可以在HTML元素中使用style屬性來定義內(nèi)聯(lián)樣式表。
<div style="color: red; font-size: 20px;">這是一段紅色的文字</div>
上述代碼中，style屬性定義了一個(gè)內(nèi)聯(lián)樣式表，該樣式表將div元素的文字顏色設(shè)置為紅色，字體大小設(shè)置為20像素，需要注意的是，內(nèi)聯(lián)樣式表只對(duì)當(dāng)前元素有效，并且其優(yōu)先級(jí)較高，會(huì)覆蓋其他樣式表中的相同屬性。
三種方式都可以將CSS樣式表引用到HTML文件中，具體使用哪種方式取決于我們的需求和實(shí)際情況。
