HTML如何外聯(lián)外部CSS文件
在HTML中,我們可以通過<link>
標(biāo)簽來外聯(lián)外部CSS文件,這個(gè)標(biāo)簽需要放在HTML文檔的<head>
部分,通過rel
屬性來指定關(guān)聯(lián)的關(guān)系,type
屬性來指定資源的類型,href
屬性來指定資源的路徑。
示例代碼如下:
<!DOCTYPE html> <html> <head> <title>HTML外聯(lián)外部CSS文件示例</title> <link rel="stylesheet" type="text/css" href="path/to/your/style.css"> </head> <body> <h1>這是一個(gè)示例標(biāo)題</h1> <p>這是一個(gè)示例段落。</p> </body> </html>
在上面的代碼中,<link>
標(biāo)簽的rel
屬性值為stylesheet
,表示這是一個(gè)樣式表文件。type
屬性值為text/css
,表示資源的類型為CSS。href
屬性值為path/to/your/style.css
,表示資源的路徑為path/to/your/style.css
。
需要注意的是,如果CSS文件位于和HTML文件相同的目錄下,那么可以直接寫CSS文件的名稱,如style.css
,如果CSS文件位于其他目錄下,那么需要寫完整的路徑,如path/to/your/style.css
。
如果需要在HTML中直接使用CSS樣式,可以將樣式表的內(nèi)容直接放在HTML文檔的<style>
標(biāo)簽中,這種方法不如外聯(lián)外部CSS文件靈活和可維護(hù),在實(shí)際開發(fā)中,我們通常會(huì)選擇將樣式表的內(nèi)容放在單獨(dú)的CSS文件中,并通過<link>
標(biāo)簽來引用。