CSS層疊樣式表是一種用于控制網頁樣式和布局的語言，具有廣泛的應用。在CSS中，有三種應用方式，分別是內聯(lián)樣式、內部樣式和外部樣式。下面將為您詳細介紹這三種應用方式，并附上具體的代碼示例。
- 內聯(lián)樣式（Inline Style）：
內聯(lián)樣式是將CSS樣式直接寫在HTML元素的style屬性中。這種方式的樣式僅適用于被定義的HTML元素，具有最高優(yōu)先級。
示例代碼：
<p style="color: red; font-size: 20px;">這是一段內聯(lián)樣式的文本。</p>
登錄后復制
- 內部樣式（Internal Style）：
內部樣式是將CSS樣式寫在HTML文檔的標簽內，通過標簽來定義。這種方式的樣式適用于整個HTML文檔內的元素，并優(yōu)先于外部樣式。
示例代碼：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: blue;
font-size: 16px;
}
</style>
</head>
<body>
<p>這是一段內部樣式的文本。</p>
</body>
</html>
登錄后復制
- 外部樣式（External Style）：
外部樣式是將CSS樣式單獨寫在一個獨立的 .css 文件中，然后通過標簽將其引入到HTML文檔中。這種方式的樣式適用于整個網站內的所有HTML文檔，并具有最低優(yōu)先級。
示例代碼：
index.html：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>這是一段外部樣式的文本。</p>
</body>
</html>
登錄后復制
style.css：
p {
color: green;
font-size: 24px;
}
登錄后復制
通過上述示例代碼，我們可以清晰地看到三種樣式應用方式的差異及其具體應用。
需要注意的是，當多種樣式應用方式同時存在時，樣式的優(yōu)先級為：內聯(lián)樣式 > 內部樣式 > 外部樣式。因此，在實際使用中，我們可以根據需求選擇適合的樣式應用方式，以實現(xiàn)靈活且方便維護的樣式控制。
