CSS是指層疊樣式表,它可以實現(xiàn)網(wǎng)頁的美化和樣式的控制。在編寫網(wǎng)頁時,我們通常會將CSS代碼寫在style標(biāo)簽內(nèi)部,但當(dāng)多個頁面需要使用相同的樣式時,能不能將CSS代碼寫在一個單獨的文件中,然后多個頁面引用同一個文件呢?答案是可以的!
CSS外部樣式引用就是指通過link標(biāo)簽將CSS文件引入到HTML文件中。它的基本格式如下:
<link rel="stylesheet" type="text/css" href="stylesheet.css">
其中,rel屬性表示文檔與鏈接之間的關(guān)系,type屬性表示所引入的文檔類型,href屬性表示引入的文檔的地址。
例如,我們在項目中新建一個style.css文件,是用來存放通用的樣式,然后我們可以將這個文件引用到多個HTML文件中,代碼如下:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
通過外部引用CSS樣式,不僅可以提高代碼的復(fù)用率,還可以方便地對樣式進(jìn)行修改,一次編輯,多處生效。同時,外部引用樣式也有利于網(wǎng)站的SEO優(yōu)化和加載速度的提升。