HTML中如何引用外部CSS文件
在HTML中引用外部CSS文件,可以通過使用<link>
標(biāo)簽來實現(xiàn)。<link>
標(biāo)簽位于HTML文檔的<head>
部分,用于鏈接外部樣式表文件。
以下是一個簡單的示例,展示如何在HTML中引用外部CSS文件:
1、創(chuàng)建CSS文件:你需要創(chuàng)建一個CSS文件,例如style.css
,并在此文件中編寫你的樣式規(guī)則。
2、在HTML中引用CSS文件:在HTML文檔的<head>
部分,使用<link>
標(biāo)簽引用CSS文件。
<!DOCTYPE html> <html> <head> <title>My Web Page</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <!-- 頁面內(nèi)容 --> </body> </html>
在上面的示例中,<link>
標(biāo)簽的rel
屬性指定了關(guān)系類型為stylesheet
,表示這是一個樣式表文件。type
屬性指定了文件的類型為text/css
,而href
屬性則指定了文件的路徑。
3、瀏覽器加載CSS文件:當(dāng)瀏覽器加載HTML文檔時,它會自動加載并應(yīng)用引用的CSS文件中的樣式規(guī)則。
通過以上步驟,你可以在HTML中輕松引用外部CSS文件,為網(wǎng)頁添加樣式和美化。