在HTML文檔中，<head>部分用于包含文檔的元數(shù)據(jù)，如標(biāo)題、字符集、樣式表等，在<head>部分寫CSS，可以通過<style>標(biāo)簽來實現(xiàn)。
基本結(jié)構(gòu)
一個基本的HTML文檔結(jié)構(gòu)如下：
<!DOCTYPE html>
<html>
<head>
<title>文檔標(biāo)題</title>
<!-- 在這里寫CSS -->
</head>
<body>
<!-- 文檔內(nèi)容 -->
</body>
</html>寫入CSS
在<head>部分寫入CSS，可以使用<style>標(biāo)簽包裹CSS代碼。
<!DOCTYPE html>
<html>
<head>
<title>文檔標(biāo)題</title>
<style>
/* CSS代碼 */
body {
background-color: lightblue;
}
h1 {
color: navy;
}
</style>
</head>
<body>
<h1>歡迎來到我的網(wǎng)站</h1>
<!-- 其他內(nèi)容 -->
</body>
</html>樣式表鏈接
除了直接在<style>標(biāo)簽中寫入CSS代碼，還可以通過鏈接外部樣式表的方式來應(yīng)用CSS樣式。
<!DOCTYPE html>
<html>
<head>
<title>文檔標(biāo)題</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>歡迎來到我的網(wǎng)站</h1>
<!-- 其他內(nèi)容 -->
</body>
</html>在上面的示例中，styles.css是外部樣式表的文件名，可以通過該文件來定義和應(yīng)用CSS樣式。
字符集聲明
在<head>部分，除了CSS樣式，還可以包含字符集聲明，用于指定文檔中使用的字符編碼。
<!DOCTYPE html>
<html>
<head>
<title>文檔標(biāo)題</title>
<meta charset="UTF-8">
<style>
/* CSS代碼 */
</style>
</head>
<body>
<h1>歡迎來到我的網(wǎng)站</h1>
<!-- 其他內(nèi)容 -->
</body>
</html>在上面的示例中，<meta charset="UTF-8">用于聲明字符集為UTF-8，這樣可以確保文檔中的特殊字符能夠正確顯示。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時請以鏈接形式注明文章出處。
