在前端開發中，CSS是很重要的一部分，它負責網站的外觀和樣式。靜態網頁是僅包含HTML、CSS和JavaScript的網站，沒有與服務器進行數據交互。接下來，我們將討論如何使用CSS創建靜態網頁。

/* CSS的樣式創建 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
#header {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
}
#nav {
background-color: #444;
color: #fff;
text-align: center;
padding: 10px;
}
#nav a {
color: #fff;
text-decoration: none;
padding: 10px;
}
#content {
margin: 20px;
}
#footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}

請注意，我們將不同的部分包裝在不同的 div 中。header、nav、content和footer分別表示頁頭、導航、內容和頁腳部分。通過CSS樣式，我們為它們設定了不同的背景色、字體顏色、文本對齊方式等等。

我們還可以添加一些CSS特效，如過渡效果、陰影效果、動畫等等。這些CSS特效可以使網站更生動、更具有吸引力。

總的來說，使用CSS創建靜態網頁需要對CSS的基本語法和基本屬性有所了解。只有通過實際練習，才能掌握更高級的CSS技術，如響應式設計、移動端適配等等。希望這篇文章可以對大家學習和掌握前端開發有所幫助。