CSS是網頁設計中必不可少的一部分，它可以控制網頁的樣式和布局。在學習CSS之前，我們需要先了解一些基礎知識。

CSS基礎語法

selector {
property: value;
}

在CSS中，選擇器（selector）是用來選擇需要設置樣式的元素，屬性（property）是要設置的樣式屬性，值（value）是對應屬性的設置值。

CSS樣式屬性

font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ddd;
margin: 10px;
padding: 10px;
text-align: center;
display: block;

常見的CSS屬性包括字體、字體大小、字體顏色、背景顏色、邊框樣式、內邊距、外邊距、文本對齊方式、元素顯示方式等。

CSS選擇器

/* 標簽選擇器 */
p {
color: #333;
}
/* 類選擇器 */
.box {
background-color: #f5f5f5;
}
/* id選擇器 */
#title {
font-size: 24px;
}

CSS選擇器有很多種，常見的包括標簽選擇器、類選擇器和id選擇器。

CSS嵌套規則

.box {
font-size: 16px;
color: #333;
.title {
font-size: 20px;
color: #f00;
}
}

在CSS中，可以使用嵌套規則讓樣式更加簡潔和清晰，它可以讓我們更好地表達樣式的繼承關系。

以上是CSS基礎知識的入門教程，了解這些基礎知識后，我們就可以開始使用CSS來設計網頁的樣式。