CSS樣式是現代網頁設計不可或缺的一部分，因為它們可以讓您的網頁看起來更加專業和吸引人。
下面是幾種常見的CSS樣式：
1. 內聯樣式：
<p style="color: red;">這是一段紅色的文本</p>
內聯樣式是直接在標簽上設置樣式，適用于只需要在一個標簽上設置簡單的樣式。
2. 內部樣式表：
<head>
<style>
p {
color: blue;
font-size: 20px;
}
</style>
</head>
內部樣式表是在<head>標簽中設置的，適用于需要在網頁中多處使用相同的樣式。
3. 外部樣式表：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
外部樣式表將CSS代碼保存在單獨的文件中，適用于需要在多個網頁中使用相同的樣式。
4. 嵌套樣式表：
<style>
.blue {
color: blue;
}
.red {
color: red;
}
.blue .red {
color: purple;
}
</style>
嵌套樣式表是在CSS選擇器中設置嵌套的樣式，可以用于多種情況，例如需要設置不同的樣式來對應不同的HTML元素。
5. 優先級：
當某個HTML元素擁有多個CSS屬性時，可以根據優先級來確定哪個屬性會被應用。優先級的計算規則為：!important > 內聯樣式 > ID選擇器 > 類選擇器和屬性選擇器 > 標簽選擇器 > 繼承樣式。因此，如果多個選擇器擁有相同的權重，則后面的選擇器優先級更高。總之，了解不同類型的CSS樣式以及其適用的場合，可以幫助您更好地設計和開發網頁。
上一篇css打印整個頁面樣式
下一篇css樣式制作的介紹