我們現在來看一下CSS的一個實際案例，它是一個學生主界面的代碼。

body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
font-size: 36px;
}
nav {
background-color: #f2f2f2;
padding: 20px;
}
nav a {
display: block;
text-decoration: none;
padding: 10px;
color: #333;
font-weight: bold;
border-radius: 10px;
margin-bottom: 10px;
}
nav a:hover {
background-color: #333;
color: #fff;
}
main {
margin: 20px;
padding: 20px;
background-color: #fff;
}
section {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
h2 {
margin-top: 0;
}
p {
line-height: 1.5;
}
img {
max-width: 100%;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
margin-top: 20px;
}

這個代碼段包含了對整個頁面的樣式控制，其中包括了頭部、導航、主要內容、頁腳等各個部分的樣式設置。總體來看，這個CSS代碼的主要目的是為了使頁面看起來更加干凈利落，并且讓用戶能夠更加方便地進行操作。