在網頁設計中，CSS是一個非常重要的工具。CSS的作用是為HTML文檔中的元素添加樣式和排版，使網頁看起來更加美觀。CSS可以控制網頁的樣式、顏色、字體、布局等，實現網頁美化的目的。

body {
background-color: #F5F5F5;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #008CBA;
}
p {
font-size: 16px;
line-height: 1.5em;
color: #333;
}

上面這段CSS代碼可以設置網頁的背景顏色、標題的字體、顏色和大小，以及正文的字體、行高和顏色。

CSS還有很多強大的功能，比如可以控制網頁中的動畫效果，讓網頁更加生動。CSS3還可以實現很多新的效果，比如圓角、漸變、陰影等，為網頁設計師提供了更多的選擇。

.button {
background-color: #008CBA;
border: none;
color: #FFF;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease-in-out;
}
.button:hover {
background-color: #005E7D;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

這段代碼可以創建一個帶有圓角、漸變、陰影和動態效果的按鈕，讓用戶在操作時更加直觀和方便。

在網頁設計中，CSS是一個不可或缺的工具。學習CSS不僅可以讓我們掌握網頁設計的基本原理和技巧，還可以提升我們的視覺美感和動手能力。同時，CSS也是前端開發的基礎之一，了解CSS可以幫助我們更好地理解網頁的結構和功能，更好地與后端開發人員協作。