在HTML中導(dǎo)入CSS文件,可以使用link
元素來實(shí)現(xiàn),具體步驟如下:
1、在HTML文檔的<head>
部分,添加link
元素。
2、在link
元素中,設(shè)置rel
屬性為stylesheet
,表示這是一個(gè)樣式表鏈接。
3、通過href
屬性,指定CSS文件所在的路徑。
假設(shè)你有一個(gè)名為style.css
的CSS文件,存放在網(wǎng)站的根目錄下,那么你可以這樣來導(dǎo)入它:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <!-- 頁面內(nèi)容 --> </body> </html>
這樣,瀏覽器在解析HTML文檔時(shí),就會(huì)同時(shí)加載并應(yīng)用style.css
中的樣式規(guī)則。
如果你希望將CSS文件存放在其他位置,比如一個(gè)子目錄中,那么你需要相應(yīng)地調(diào)整href
屬性的值,如果CSS文件存放在名為css
的子目錄中,那么你可以這樣來導(dǎo)入它:
<link rel="stylesheet" href="css/style.css">
這樣,瀏覽器就會(huì)從正確的位置加載CSS文件,并應(yīng)用其中的樣式規(guī)則。