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