CSS是層疊樣式表（Cascading Style Sheets）的縮寫，用來(lái)控制網(wǎng)頁(yè)的外觀，包括顏色、字體、布局、大小等等。CSS的優(yōu)點(diǎn)是能夠?qū)⒕W(wǎng)頁(yè)的樣式和內(nèi)容分離開來(lái)，可以更容易地維護(hù)和修改網(wǎng)頁(yè)的樣式。

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

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

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

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

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