CSS是一種基于樣式的層疊樣式表語言。它被用來控制HTML文檔的呈現樣式。CSS建立在HTML以及其他標記語言基礎之上，可以為HTML元素添加視覺樣式、布局和特效等。

p {
color: red;
font-size: 16px;
text-align: center;
}

在CSS中，樣式的基礎可以是元素、類、ID等。使用元素選擇器可以直接為HTML元素添加樣式，如上面的p標簽。通過為HTML元素添加class或id屬性，可以使用類選擇器或ID選擇器，將樣式應用到特定的HTML元素上。

.header {
background-color: #333;
color: #fff;
padding: 10px;
}
#main {
width: 80%;
margin: 0 auto;
}

類選擇器以"."開頭，ID選擇器以"#"開頭。

CSS的層疊機制是指不同樣式的疊加順序，通過選擇器的權重來決定哪一個樣式被應用到HTML元素上。選擇器的權重從高到低依次是：!important >行內樣式 >ID選擇器 >類選擇器 >元素選擇器。當樣式沖突時，優先使用權重高的樣式。

p {
font-size: 16px;
}
#headline {
font-size: 22px;
}
p#intro {
font-size: 18px;
}
.highlight {
color: red;
font-weight: bold;
}

同時，CSS提供了偽類和偽元素，用于在HTML元素的不同狀態下應用樣式。常見的偽類有:hover、:active、:visited等，表示元素的鼠標懸停、點擊或訪問狀態。而偽元素可以添加特定的內容，如:before和:after。

a:hover {
color: orange;
}
input:focus {
outline: none;
}
p:first-of-type {
font-weight: bold;
}
li:before {
content: "? ";
}

CSS是一種強大的前端開發工具，可以大大提高網頁的呈現效果和用戶體驗。通過優雅的代碼編寫和靈活的樣式調整，可以讓網頁變得更加美觀、易用、高效。