CSS是一種設計網頁樣式的語言，可以幫助我們更好地布局頁面，讓網站更美觀。下面我們來了解如何使用CSS寫界面。

// 示例CSS代碼
body {
background-color: #fff; // 設置頁面背景色為白色
}
.header {
font-size: 24px; // 設置頭部的字號為24px
text-align: center; // 設置頭部文本居中
}
.nav {
display: flex; // 設置導航條使用flex布局
justify-content: space-between; // 設置導航條水平居中
}
.main {
width: 80%; // 設置主要內容區域的寬度為80%
margin: 20px auto; // 設置主要內容區域的上下外邊距為20px，左右外邊距自動居中
}
.footer {
text-align: center; // 設置頁腳文本居中
margin-top: 20px; // 設置頁腳上方留白為20px
}

以上是一個簡單的CSS樣式代碼示例，可以適用于一個簡單網頁的布局。在實際開發中，應該根據需求來設計頁面樣式，讓網站更加美觀。