在網(wǎng)頁設計與制作當中,CSS是不可或缺的一部分。我們可以通過在HTML文件中使用<link>標簽來鏈接一個外部的CSS樣式文件。
<link rel="stylesheet" type="text/css" href="style.css">
上面的代碼可以將一個名為“style.css”的CSS文件鏈接進HTML文檔中。
在CSS文件中,我們可以定義網(wǎng)頁的樣式,如背景顏色、字體、大小等等。以下是一個簡單的CSS樣式文件的示例:
body {
background-color: skyblue;
font-family: Arial, sans-serif;
}
h1 {
color: red;
font-size: 36px;
}
在這個樣式文件中,我們定義了整個網(wǎng)頁的背景顏色為天藍色,文字字體為“Arial”或默認字體,“h1”標簽的顏色為紅色,字體大小為36像素。
當我們在HTML文檔中使用上面的<link>標簽鏈接這個樣式文件時,它就會應用到整個HTML文檔當中。
鏈接外部CSS樣式文件的好處在于可以使CSS代碼和HTML代碼分離,方便我們對網(wǎng)頁樣式進行修改和維護。同時,多個HTML文檔可以共用同一個CSS樣式文件,進一步提高了代碼的復用性和維護效率。
下一篇ejs模板 vue