CSS是網頁設計中不可或缺的一部分，它有很多功能可以幫助我們控制網頁外觀和布局。下面列舉一些比較常用的CSS功能。

/* 選擇器 */
p {
font-size: 16px;
color: #333;
}
/* 盒模型 */
.box {
width: 200px;
height: 200px;
margin: 20px;
padding: 10px;
border: 1px solid #999;
}
/* 布局 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 文本效果 */
.text {
text-align: center;
text-transform: uppercase;
text-decoration: none;
}
/* 動畫效果 */
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fade {
animation: fade-in 1s;
}

上述代碼展示了CSS中常用的一些功能。其中第一個是選擇器，用來選擇要修改的元素。常見的有標簽選擇器、類選擇器、ID選擇器等。

第二個是盒模型，用來控制元素的尺寸、邊距、內距和邊框。這是CSS布局的基礎。

第三個是布局，用來控制元素的位置和排列方式，例如Flex布局、Grid布局。

第四個是文本效果，用來控制文字的樣式，例如文字顏色、大小、字體、字形、文本對齊和文本裝飾等。

最后一個是動畫效果，用來創建各種炫酷的動畫效果，例如漸變、旋轉、放大縮小、移動等。

CSS還有很多其他的功能，例如響應式布局、排版技巧、圖片處理等，需要我們不斷學習和實踐。