CSS（層疊樣式表）是一種用于描述網(wǎng)頁上元素外觀和布局的語言。在CSS中，有三種不同類型的樣式可以用于設置HTML元素的樣式：內(nèi)聯(lián)、嵌入和外部。下面將介紹這三種樣式，并提供相應的代碼示例。
內(nèi)聯(lián)樣式（Inline Style）
內(nèi)聯(lián)樣式將CSS樣式直接放在HTML元素的style屬性中，這種樣式通常用于單個元素的快速樣式更改。使用內(nèi)聯(lián)樣式可能會影響到樣式的可重用性，因此只應在需要時使用。
下面是一個使用內(nèi)聯(lián)樣式的HTML段落元素：
<p style="color: red; font-size: 18px;">這是一個紅色字體大小為18像素的段落。</p>嵌入樣式（Embedded Style）
嵌入樣式是將CSS樣式規(guī)則放置在HTML文檔的<head>標簽內(nèi)的<style>標簽中，以對整個文檔或頁面上的多個元素進行樣式設置。嵌入樣式通常針對整個站點或頁面進行全局樣式設置。
下面是一個包含嵌入樣式的HTML文檔：
<!DOCTYPE html>
<html>
<head>
<title>嵌入樣式示例</title>
<style>
p {
color: red;
font-size: 18px;
}
</style>
</head>
<body>
<p>這是一個紅色字體大小為18像素的段落。</p>
<p>這是另一個紅色字體大小為18像素的段落。</p>
</body>
</html>外部樣式（External Style）
外部樣式將CSS規(guī)則放置在一個獨立的?.CSS?文件中，然后通過HTML文檔的?<link>?標簽引用該文件。使用外部樣式的優(yōu)勢是可以在多個頁面上重復使用相同的樣式，并且允許對樣式進行集中管理。
下面是包含外部樣式表的HTML文檔：
<!DOCTYPE html>
<html>
<head>
<title>外部樣式示例</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="red-text">這是一個紅色字體大小為18像素的段落。</p>
<p class="red-text">這是另一個紅色字體大小為18像素的段落。</p>
</body>
</html>在上述HTML文檔中，外部樣式表存儲在名為 ?styles.css? 的文件中，其中包含以下CSS代碼：
.red-text {
color: red;
font-size: 18px;
}這個樣式表定義了一個名為 ?red-text? 的CSS類，它將文本顏色設置為紅色并將字體大小設置為18像素。因此，在HTML文檔中，我們給要應用此樣式的元素指定一個 ?class? 屬性即可。
這就是CSS樣式表中三種不同類型的樣式。如果有想了解更多相關知識，可以來編程獅官網(wǎng)。編程獅官網(wǎng)提供了豐富的編程學習資源，適合孩子和初學者入門。無論是Web開發(fā)、移動應用開發(fā)還是數(shù)據(jù)分析，編程獅都有相應的教程和示例供你學習。讓我們一起成為編程世界的獅子吧！訪問編程獅官網(wǎng)開始你的編程之旅。
