網頁開發時，CSS 代碼是一個非常重要的方面。通過優秀的 CSS 代碼，可以使網頁的布局變得更加美觀，提升用戶體驗。

下面是一份 CSS 代碼成績單，讓我們來看看其中的內容：

body {
background-color: #f2f2f2;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}
#header {
background-color: #007bff;
color: #fff;
padding: 20px;
}
#nav {
display: inline-block;
margin: 0;
padding: 0;
}
#nav li {
display: inline-block;
list-style: none;
margin-right: 20px;
}
#nav a {
color: #fff;
text-decoration: none;
}
#nav a:hover {
text-decoration: underline;
}
#main {
background-color: #fff;
padding: 20px;
width: 80%;
}
#sidebar {
background-color: #f2f2f2;
float: right;
padding: 20px;
width: 20%;
}
#footer {
background-color: #007bff;
color: #fff;
padding: 20px;
text-align: center;
}

以上是一份簡單的 CSS 代碼成績單。我們可以看到，這份代碼定義了網頁的背景色、字體、布局等方面的樣式。

其中，CSS 選擇器用于選擇 HTML 頁面中的特定元素，然后為其應用相應的樣式。例如，上面的代碼中 "#header"、"#nav"、"#main" 等都是 CSS 選擇器。

同時，CSS 屬性用于控制元素的外觀和布局。例如，上面的代碼中 "background-color"、"color"、"padding" 等都是 CSS 屬性。

總之，精心編寫的 CSS 代碼可以讓網頁更加美觀、易于閱讀，體驗也更好。這個 CSS 代碼成績單僅僅是個例子，實際上，網頁的 CSS 代碼可以更加復雜、精細。希望大家能夠在實踐中不斷掌握 CSS 代碼的技巧和方法，以便更好地開發出出色的網頁。