CSS是一種用于網(wǎng)頁設計中樣式表的語言。它通過不同的應用方式來實現(xiàn)不同的效果。下面介紹四種應用方式。
1. 內聯(lián)樣式表 內聯(lián)樣式表是將樣式直接寫在HTML元素中的一種方式。使用style屬性指定要應用的樣式，其中屬性名稱和值之間用冒號隔開，不同的樣式屬性之間用分號隔開，如下所示： <p style="color:blue; font-size:20px;">這是一段測試文本</p> 這種方式使用方便，但它會使HTML代碼變得很混亂，不利于維護和管理。
2. 內部樣式表
內部樣式表是將樣式寫在HTML文檔的頭部，通過<style>標簽指定的一種方式。可以在多個元素中使用同一個樣式規(guī)則，代碼如下所示：
<head>
<style>
p {
color: blue;
font-size: 20px;
}
</style>
</head>
在這種方式下，樣式的維護和管理變得更加容易，可以在多個頁面之間共享相同的樣式規(guī)則。3. 外部樣式表 外部樣式表是將樣式規(guī)則保存在一個單獨的CSS文件中，通過<link>標簽將CSS文件鏈接到HTML文檔上的一種方式。這種方式使得樣式規(guī)則可以在多個HTML文檔中重用，例如： <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> 外部樣式表使得HTML文檔變得更加簡單，便于維護和修改樣式。
4. 層疊樣式表
層疊樣式表（CSS）是將不同樣式規(guī)則按照優(yōu)先級進行組合定義，并將其應用于HTML文檔的一種方式。當多個規(guī)則應用于同一元素時，CSS會根據(jù)優(yōu)先級來確定最終的樣式。同時，CSS還支持樣式繼承，某些屬性值可以繼承自其父元素，從而減少樣式的重復定義，如下所示：
p {
color: blue;
font-size: 20px;
border: 1px solid black;
}
.sub {
font-size: 10px;
}
<p class="sub">這是一段測試文本</p>
在這種方式下，樣式可以更加靈活地應用，具有更高的可讀性和維護性。