CSS是層疊樣式表（Cascading Style Sheets）的縮寫，用來控制網頁的外觀，包括顏色、字體、布局、大小等等。CSS的優(yōu)點是能夠將網頁的樣式和內容分離開來，可以更容易地維護和修改網頁的樣式。

p {
color: red;
font-size: 16px;
}
h1 {
color: blue;
font-size: 24px;
}
.container {
width: 960px;
margin: 0 auto;
}

通過上面的代碼片段，我們可以看到CSS如何控制網頁的樣式。在這里，我們定義了p標簽、h1標簽和.container類的樣式。p標簽的字體顏色為紅色，字體大小為16像素；h1標簽字體顏色為藍色，字體大小為24像素；.container類的樣式定義了容器的寬度為960像素，使其居中顯示。

CSS還有很多其他的屬性和值，如背景顏色、邊框、定位等等。通過使用CSS，我們可以創(chuàng)建出漂亮、優(yōu)雅的網頁，提供更好的用戶體驗。

body {
background-color: #f2f2f2;
}
.box {
border: 1px solid #ccc;
padding: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的樣式代碼演示了如何設置頁面背景顏色、盒子的邊框、內邊距和定位。例如，box類設置了1像素的實線邊框，內邊距為10像素，并且使用了絕對定位。通過使用top和left屬性，我們可以把這個盒子置于頁面中央。最后，使用transform屬性，我們可以通過偏移元素的位置，把它精確地放在頁面中央。