設(shè)計(jì)一個(gè)CSS網(wǎng)頁可以分為以下幾個(gè)步驟：

1. 首先確定網(wǎng)頁的主題和版式。這包括選擇適合網(wǎng)頁主題的配色方案，并確定網(wǎng)頁擁有哪些元素和它們的排列方式。
2. 編寫HTML代碼，將網(wǎng)頁內(nèi)容按照設(shè)計(jì)好的版式布置在頁面上，并為每個(gè)元素指定相應(yīng)的class或id。
3. 設(shè)計(jì)CSS樣式。可以在一個(gè)獨(dú)立的CSS文件或者style標(biāo)簽中編寫樣式。樣式包括顏色、字體、大小、邊框、排版等等。
4. 對(duì)網(wǎng)頁進(jìn)行調(diào)試和優(yōu)化。通過檢查瀏覽器兼容性、樣式?jīng)_突等問題，修復(fù)和優(yōu)化樣式，并作出必要的調(diào)整。
5. 交互設(shè)計(jì)。添加JavaScript和/或jQuery腳本，以增強(qiáng)網(wǎng)頁的交互性和響應(yīng)性。

在CSS樣式中，常用的選擇器包括:

1. 標(biāo)簽選擇器
2. 類選擇器
3. ID選擇器
4. 屬性選擇器
5. 子選擇器（>)

以下是一個(gè)簡單的CSS樣式的例子：

body {
background-color: #f5f5f5;
}
h1 {
color: #333;
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
}
.container {
width: 960px;
margin: 0 auto;
}
.nav {
background-color: #333;
color: #fff;
padding: 10px;
}
.nav a {
color: #fff;
text-decoration: none;
margin-right: 10px;
}
.footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}

上述樣式包括以下幾個(gè)部分：

1. body標(biāo)簽的背景色設(shè)置為淡灰色。
2. h1標(biāo)題設(shè)置為黑色、加粗的28號(hào)字體，并與下面的內(nèi)容保持20像素的距離。
3. container類將整個(gè)頁面寬度設(shè)為960像素，并居中顯示。
4. nav類設(shè)定導(dǎo)航欄的背景顏色為黑色，字體顏色為白色，內(nèi)部留白10像素。
5. nav類內(nèi)的a標(biāo)簽將文字設(shè)定為白色、無下劃線，并在每個(gè)鏈接后面留白10像素。
6. footer類設(shè)定網(wǎng)頁底部的背景顏色為黑色，字體顏色為白色，內(nèi)部留白10像素，并使其水平居中顯示。

最后，一個(gè)好的CSS網(wǎng)頁設(shè)計(jì)需要考慮到網(wǎng)頁的易用性、頁面加載速度和瀏覽器兼容性等方面，以確保良好的用戶體驗(yàn)和用戶滿意度。