HTML和CSS是前端開發中非常重要的兩個技術，HTML用來實現頁面結構，而CSS則用來控制頁面的樣式。在CSS中，就有非常多的標簽來實現不同的樣式效果。

/* 定義樣式 */
p {
color: blue;  /* 設置字體顏色為藍色 */
font-size: 20px; /* 設置字體大小為20像素 */
font-family: Arial, sans-serif; /* 設置字體為Arial字體，如果沒有則使用系統默認的sans-serif字體 */
}
/* 繼承樣式 */
h1 {
text-decoration: underline; /* 設置下劃線效果 */
}
/* 組合選擇器 */
p.warning {
color: red; /* 設置顏色為紅色 */
font-weight: bold; /* 設置文字加粗 */
}
/* 偽類選擇器 */
a:hover {
text-decoration: none; /* 鼠標移入時取消下劃線效果 */
}
/* 層疊樣式 */
p {
color: blue; /* 設置字體顏色為藍色 */
}
p.warning {
color: red; /* 設置顏色為紅色 */
}

在CSS中，單個標簽的樣式可以直接通過標簽名來定義，如上例所示，可以通過“p”標簽來定義段落的字體顏色、大小和字體等。此外，在CSS中還有繼承樣式、組合選擇器、偽類選擇器、層疊樣式等多種方式來控制不同元素的樣式。

通過使用這些標簽和樣式，我們可以實現非常豐富多彩的頁面效果，讓頁面更加生動有趣。同時，通過學習這些標簽和樣式，我們也能更好地理解網頁的結構和頁面元素的構成，從而更好地進行前端開發。