在編寫網頁時,我們常常需要使用CSS樣式來美化網頁的外觀,而將CSS樣式代碼放在HTML文件中會使HTML文件變得臃腫難看,所以我們需要單獨將CSS文件編寫并鏈接到HTML文件中。
<link rel="stylesheet" type="text/css" href="style.css" />
如上所示,我們可以通過<link>標簽實現CSS文件的鏈接。其中,rel屬性用于說明鏈接的文件類型為樣式表文件;type屬性聲明了文件類型為text/css;href屬性指定了樣式表文件的路徑,例如style.css。
在HTML文件中,通常將<link>標簽放在<head>標簽中,下面是一個完整的示例。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS樣式鏈接示例</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <h1>這是一個示例</h1> <p>Hello world!</p> </body> </html>
通過這種方式,我們就可以將CSS樣式代碼與HTML文檔分開編寫,從而減輕HTML文件的負擔,使代碼更加清晰、易于維護。