CSS是一種用于網頁布局和設計的語言，它可以通過樣式表來控制HTML元素的外觀和樣式。CSS可以更好地將網頁的結構和內容分離，讓設計和開發更容易管理和修改。

body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}

在CSS中，可以使用規則集來指定樣式。每個規則集由選擇器和聲明塊組成。選擇器選擇將應用樣式的HTML元素，聲明塊包含一系列的樣式聲明。

h1 {
color: red;
font-size: 36px;
}
p {
color: #333;
font-size: 18px;
line-height: 1.5;
}

CSS中還有許多屬性可以控制文本和盒模型。文本屬性包括字體、顏色和對齊方式，盒模型屬性包括寬度、高度、內邊距和邊框。

.box {
width: 200px;
height: 200px;
border: 1px solid black;
padding: 20px;
box-sizing: border-box;
}

除了普通樣式，CSS還可以使用偽類和偽元素來控制HTML元素的特定狀態或位置，例如:hover和:before。

a:hover {
color: blue;
}
h2:first-of-type {
font-size: 24px;
}

CSS的靈活性和強大性使得它成為網頁設計必備的技能之一。學習CSS理論和實踐將幫助您更好地組織網頁布局和設計。