隨著互聯網的發展，網頁設計成為了一個熱門話題。CSS作為網頁設計不可或缺的一部分，其應用越來越廣泛。下面我們來學習一下如何使用CSS來編寫簡單靜態網頁。

html {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
.header {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
font-size: 24px;
}
.navbar {
background-color: #666;
color: #fff;
overflow: hidden;
}
.navbar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.navbar li {
float: left;
padding: 10px;
}
.navbar li a {
color: #fff;
text-decoration: none;
font-size: 18px;
}
.page-content {
padding: 20px;
margin: 20px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 10px;
}
.footer {
text-align: center;
background-color: #333;
color: #fff;
padding: 10px;
margin-top: 20px;
}

以上是一些基本的CSS樣式規則，接下來我們將其應用到一個簡單的網頁中：

這是一個頂部標題
這是一個頁面主要內容標題
這是一個段落
這是另一個段落

通過以上代碼示例，我們可以發現，使用CSS來編寫靜態網頁可以大大提高網頁的美觀程度，也讓我們的代碼更加簡潔明了。當然，如果需要編寫更為復雜的網頁，我們還需要進一步學習和使用CSS的高級技巧。