在進(jìn)行網(wǎng)頁開發(fā)的時候,我們通常會使用外部的CSS樣式表來美化我們的頁面。那么,如何引用這些外部的CSS文件呢?下面讓我們來詳細(xì)介紹。
在HTML文檔中,我們可以使用link標(biāo)簽來引用外部的CSS文件。
<link rel="stylesheet" type="text/css" href="style.css">
其中,rel屬性用于指定該文檔與被鏈接文檔之間的關(guān)系,type屬性用于指定被鏈接文檔的MIME類型,href屬性用于指定被鏈接文檔所在的URL。
需要注意的是,link標(biāo)簽必須放在HTML文檔的head標(biāo)簽中:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
當(dāng)然,我們也可以使用絕對路徑或相對路徑來指定外部CSS文件的位置:
<link rel="stylesheet" type="text/css" > (絕對路徑) <link rel="stylesheet" type="text/css" href="../style.css"> (相對路徑)
在實(shí)際應(yīng)用中,為了避免CSS文件的再次請求,我們一般會將CSS文件放在服務(wù)器的公共目錄中。
除了使用link標(biāo)簽引用外部CSS文件之外,我們還可以使用style標(biāo)簽嵌入CSS樣式表:
<head> <style type="text/css"> p {color: red;} </style> </head>
在這種方式中,我們直接在style標(biāo)簽內(nèi)編寫CSS樣式表,這樣可以在HTML文檔內(nèi)定義頁面的樣式,但不利于樣式的重用。
綜上所述,我們可以使用link標(biāo)簽來引用外部的CSS文件,從而美化我們的網(wǎng)頁。