CSS可以控制網頁的外觀和布局，這些樣式可以應用于HTML元素、類和ID。通過CSS，可以實現以下效果：

p {
color: red;
font-size: 20px;
font-weight: bold;
}

1. 改變文字的顏色、字體大小和粗細：以上代碼指定了段落（p）文字的顏色為紅色、字體大小為20像素、字體加粗。

.container {
width: 960px;
margin: 0 auto;
padding: 20px;
background-color: #f7f7f7;
}

2. 控制頁面的布局：以上代碼應用于class為“container”的元素，指定了該元素的寬度為960像素、居中顯示、內邊距為20像素、背景顏色為淡灰色。通過這些樣式可以控制頁面的整體布局和與瀏覽器窗口的距離。

#sidebar {
float: left;
width: 200px;
}
#main {
float: right;
width: 760px;
}

3. 實現響應式布局：以上代碼使用了ID選擇器，分別對id為“sidebar”和“main”的元素應用樣式。指定了側邊欄寬度為200像素、位于左側浮動，內容區寬度為760像素、位于右側浮動。這些樣式可以使頁面能夠適應不同尺寸的屏幕，實現響應式布局。

總之，CSS是網頁設計中不可或缺的一部分，通過使用不同的樣式，可以讓網頁更加美觀、易讀、易用。同時，CSS還可以和JavaScript和HTML結合使用，實現更加豐富和復雜的頁面效果。