CSS是網(wǎng)站設(shè)計(jì)中不可或缺的一部分，通過(guò)CSS樣式可以實(shí)現(xiàn)網(wǎng)站的不同效果。CSS樣式可以分為基礎(chǔ)樣式、布局樣式、效果樣式三種，下面將分別介紹它們的作用。

1. 基礎(chǔ)樣式

p {
color: #333;
font-size: 16px;
line-height: 1.5;
}

基礎(chǔ)樣式主要定義頁(yè)面元素的基本樣式，例如文字顏色、字體大小、行高等。通過(guò)基礎(chǔ)樣式可以使頁(yè)面元素風(fēng)格統(tǒng)一，并增強(qiáng)網(wǎng)站的易用性和可讀性。

2. 布局樣式

.header {
height: 80px;
background-color: #ccc;
}
.container {
width: 960px;
margin: 0 auto;
}
.footer {
height: 60px;
background-color: #333;
}

布局樣式主要用于控制頁(yè)面布局，例如頭部、底部和主體內(nèi)容之間的排版，以及頁(yè)面元素的對(duì)齊方式等。通過(guò)布局樣式可以讓網(wǎng)頁(yè)更加美觀、合理，提升用戶體驗(yàn)。

3. 效果樣式

.btn {
display: inline-block;
padding: 8px 16px;
background-color: #f00;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
.btn:hover {
background-color: #d00;
}

效果樣式可以通過(guò)CSS控制頁(yè)面元素的動(dòng)態(tài)效果，例如鼠標(biāo)懸停時(shí)的顏色變化、按鈕點(diǎn)擊時(shí)的樣式變化等。通過(guò)效果樣式可以提高網(wǎng)站的交互性，增強(qiáng)用戶與網(wǎng)站的互動(dòng)性。

總的來(lái)說(shuō)，CSS樣式的分類可以讓我們針對(duì)不同的頁(yè)面元素實(shí)現(xiàn)不同的樣式和效果，讓網(wǎng)站更加美觀、實(shí)用、易用。