CSS是網頁設計中的一項重要技術，它可以定義網頁中的樣式、布局等。在網頁設計中，頁面分為主頁和分頁，為了讓網頁具有更好的視覺效果和用戶體驗，我們可以用CSS來定義它們的樣式。

主頁是網站的首頁，是訪客最先看到的頁面。我們可以用CSS來定義主頁的樣式，比如背景顏色、字體大小、布局等。以下是CSS樣式代碼示例：

/* 設置主頁背景顏色為白色 */
body {
background-color: #fff;
}
/* 設置主頁頂部導航欄的樣式 */
#nav {
height: 50px;
background-color: #333;
color: #fff;
font-size: 18px;
text-align: center;
}
/* 設置主頁中心內容區域的樣式 */
#content {
width: 960px;
margin: 0 auto;
text-align: center;
font-size: 24px;
color: #333;
}

分頁是網站的二級頁面，通常包含了主頁中沒有的更具體、更詳細的信息。我們也可以用CSS來定義分頁的樣式，使用戶在瀏覽網站時更加舒適、自然。以下是CSS樣式代碼示例：

/* 設置分頁背景顏色為淡灰色 */
body {
background-color: #f5f5f5;
}
/* 設置分頁頂部導航欄的樣式 */
#nav {
height: 50px;
background-color: #fff;
color: #333;
font-size: 18px;
text-align: center;
}
/* 設置分頁中心內容區域的樣式 */
#content {
width: 960px;
margin: 0 auto;
text-align: left;
font-size: 18px;
color: #666;
}

總之，通過合理地使用CSS，我們可以讓網站的主頁和分頁擁有更美觀、更人性化的外觀和布局，這對于提高網站的用戶體驗和吸引力有著重要的作用。