CSS（Cascading Style Sheets）是網頁設計中一個非常重要的工具，主要用于控制網頁的外觀和布局。CSS 的主要作用是將 HTML 文檔的內容與樣式相分離，使得網頁布局更加清晰、易于維護和修改。

body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
h1 {
font-size: 36px;
color: #333;
}
p {
font-size: 18px;
line-height: 1.5;
color: #666;
}
a {
text-decoration: none;
color: #007bff;
transition: color 0.2s ease-in-out;
}
a:hover {
color: #0056b3;
}

在 CSS 中，我們可以通過設置樣式規則來控制網頁中元素的樣式。比如上面的代碼片段中，我們定義了 body 元素的背景顏色、所有段落元素的字號和顏色、a 元素的文本顏色和懸停狀態下的顏色。這些樣式規則可以應用到同一頁面的多個元素上。

CSS 也可以通過選擇器來針對特定的元素進行樣式設置。例如，我們可以只針對頁面中某些特定的元素設置樣式：

.hero-banner {
background-image: url(images/banner.jpg);
background-size: cover;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.hero-banner h1 {
color: #fff;
font-size: 48px;
text-align: center;
}

上述代碼中，我們使用了 .hero-banner 類選擇器和 h1 元素選擇器來分別對頁面中特定的元素進行樣式設置。前者用于設置網頁的頂部橫幅樣式，包括背景圖片、高度、對齊方式等；后者則用于設置該橫幅中標題的樣式，如字號、顏色、對齊方式等。

總之，CSS 是網頁設計中的重要組成部分，它可以讓我們更好地控制頁面的元素樣式和布局，提高網頁的美觀性和用戶體驗。