在使用CSS設計網站時，主頁和子頁是兩個需要注意的部分。主頁通常是網站的門面，是用戶進入網站的第一印象，而子頁則是用戶深入了解網站內容時所瀏覽的頁面。

CSS主頁的設計需要注重頁面的整體性，包括色彩搭配、排版布局、圖片選擇以及文字表現等方面。在顏色搭配上可以考慮使用主色調搭配輔助色，以及加入一些醒目的圖片或動態效果，讓頁面更具視覺沖擊力。

/*示例CSS代碼*/
body{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f8f8f8;
}
header{
background-color: #333;
color: #fff;
height: 80px;
padding: 10px;
}
nav{
background-color: #f5f5f5;
height: 50px;
padding: 10px;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
li{
display: inline-block;
margin: 10px;
}
img{
max-width: 100%;
}
a{
color: #333;
}
h1{
font-size: 60px;
margin: 0;
padding: 0;
}

而CSS子頁則需要彰顯內容的重要性，更多注重實用性和清晰度。在子頁的設計中，可以選擇使用更為簡潔的色系和排版方式，減少冗雜的元素，突出信息重點。

/*示例CSS代碼*/
body{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #fff;
}
header{
background-color: #333;
color: #fff;
height: 80px;
padding: 10px;
}
nav{
background-color: #f5f5f5;
height: 50px;
padding: 10px;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
li{
display: inline-block;
margin: 10px;
}
img{
max-width: 100%;
}
a{
color: #333;
}
h1{
font-size: 36px;
margin: 20px;
padding: 0;
}
p{
font-size: 18px;
line-height: 1.5;
margin: 20px;
}

總之，CSS主頁和子頁的設計應該根據不同的場景，靈活運用樣式和布局方法，以達到最佳的視覺效果和用戶體驗。