在網頁設計中，CSS樣式是一個非常重要的因素。它可以讓網頁的外觀變得更加美觀，也能夠增強用戶的交互體驗。

CSS樣式的應用可以通過標簽、類和ID進行選擇。標簽選擇器簡單易用，但是靈活性不夠。類選擇器可以針對同一類元素進行樣式設置，ID選擇器則更加具有針對性。

/* 標簽選擇器 */
p {
font-size: 18px;
color: #333;
}
/* 類選擇器 */
.title {
font-weight: bold;
color: red;
}
/* ID選擇器 */
#nav {
background-color: blue;
color: white;
}

CSS樣式可以通過層疊、優先級和繼承等機制實現。層疊是指多個樣式設置作用于同一個元素時，最終的樣式通過優先級規則進行選擇。優先級的計算一般按照標簽選擇器、類選擇器和ID選擇器的順序進行。此外，內聯樣式會覆蓋所有外部樣式。繼承機制是指父元素的樣式可以被子元素繼承。

/* 層疊 */
p {
font-size: 18px;
color: #333;
}
.title {
font-size: 20px;
}
/* 優先級 */
p {
color: #333;
}
.color {
color: blue;
}
#color {
color: red;
}
/* 繼承 */
.parent {
font-weight: bold;
}
.child {
font-size: 16px;
}

最后，CSS樣式也可以通過CSS框架實現快速開發。CSS框架集成了許多常用樣式和組件，可以讓開發者快速搭建現代化的網站。

/* Bootstrap框架 */
Hello, World!

總的來說，CSS樣式在網頁設計中扮演著重要的角色。它不僅可以讓網頁變得更加美觀，還能夠優化用戶的交互體驗。