在網頁開發(fā)中，使用CSS（層疊樣式表）來美化網頁是非常常見的，而如何在HTML文檔的<head>部分添加CSS，是許多***需要掌握的基本技能。
你需要了解HTML的<head>部分。<head>元素包含了所有關于文檔的元信息，如文檔的標題、字符集編碼、引用的樣式表等，在<head>部分添加CSS，可以通過兩種方式實現：
1、內聯樣式：直接在HTML元素中添加style屬性，然后在這個屬性中編寫CSS代碼。
<p style="color: red; font-size: 16px;">這是一段紅色的文本，字體大小為16像素。</p>
2、外部樣式表：通過<link>元素引用一個外部CSS文件。
<head>
<link rel="stylesheet" href="styles.css">
</head>在這個例子中，styles.css文件會被瀏覽器加載，并應用于當前HTML文檔的所有元素。
內聯樣式的示例
下面是一個簡單的HTML文檔，其中使用了內聯樣式來設置文本的顏色和字體大?。?/p>
<!DOCTYPE html>
<html>
<head>
<title>內聯樣式示例</title>
</head>
<body>
<p style="color: red; font-size: 16px;">這是一段紅色的文本，字體大小為16像素。</p>
<p style="color: blue; font-size: 20px;">這是一段藍色的文本，字體大小為20像素。</p>
</body>
</html>外部樣式表的示例
假設你有一個名為styles.css的外部樣式表文件，內容如下：
p {
color: red;
font-size: 16px;
}你可以通過<link>元素來引用這個樣式表文件：
<!DOCTYPE html>
<html>
<head>
<title>外部樣式表示例</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>這是一段紅色的文本，字體大小為16像素。</p>
<p>這是一段藍色的文本，字體大小為20像素。（注意：這里使用了內聯樣式來設置顏色）</p>
</body>
</html>在這個示例中，***段文本會應用styles.css中定義的樣式（紅色文本，字體大小為16像素），第二段文本則使用了內聯樣式來設置顏色（藍色文本）。
版權聲明：除非特別標注，否則均為本站原創(chuàng)文章，轉載時請以鏈接形式注明文章出處。
