在HTML中,我們可以使用內部樣式表或外部樣式表來為網頁設置樣式。當我們有多個網頁需要設置相同的樣式時,我們通常會選擇使用外部樣式表。外部樣式表通常以.css文件的形式保存在服務器上,我們可以使用link元素來將其引用到HTML文檔中。
<link rel="stylesheet" type="text/css" href="style.css">
在上面的代碼中,我們使用了link元素來引用名為style.css的外部樣式表。rel屬性表示關系,type屬性表示文件類型,href屬性表示文件路徑。我們可以通過相對路徑或絕對路徑來指定文件路徑。如果我們將外部樣式表放在與HTML文件相同的目錄下,則可以使用相對路徑來引用外部樣式表。
<link rel="stylesheet" type="text/css" href="./style.css">
如果我們希望將外部樣式表放在網站根目錄下的css文件夾中,則可以使用以下代碼引用:
<link rel="stylesheet" type="text/css" href="/css/style.css">
除了上述基礎用法外,link元素還可以用于引用不同類型的外部資源,比如RSS、圖標等。通過掌握link元素的用法,我們可以更好地管理網頁的樣式,并且在多個網頁中保持樣式的統一性。
上一篇css都那些行內元素