CSS（Cascading Style Sheets）是一種用來控制網頁顯示樣式的語言，它與HTML緊密結合，是Web開發過程中重要的一環。在這里，我們將介紹CSS的知識體系。

CSS選擇器

首先，了解CSS選擇器是非常重要的。選擇器是一種根據元素的屬性和規則來匹配要應用樣式的元素的方法。下面是一些常見的選擇器：

div {
color: red;
}
#content {
font-size: 16px;
}
nav ul li.active {
background-color: blue;
}

這個例子中選擇器分別為元素選擇器、ID選擇器、和類選擇器，它們構成了CSS中基本的選擇器。

CSS盒模型

接下來，我們來學習CSS盒模型，它是控制頁面布局的關鍵。CSS盒模型是指使用CSS為頁面中的HTML元素設定的布局模型，它包括四個部分：content（內容）、padding（內邊距）、border（邊框）和margin（外邊距）。

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

.box元素被設置了寬度和高度，以及各種內外邊距，這樣其實際占據的空間大小就是width+padding+border+margin。

層疊和繼承

CSS的樣式具有繼承性，即某些屬性的值可以被其子元素所繼承。同時，CSS樣式也具有層疊性，即當多個樣式規則對同一個元素指定了相同的屬性時，CSS會根據優先級和特定的層疊規則來決定最終的樣式。 下面是一個例子：

.container {
font-size: 16px;
}
.title {
font-size: 20px;
}

在這個例子中.title元素繼承了.container元素的font-size屬性，即.title元素的font-size為20px。如果.title元素同時被設置了color屬性，那么.color屬性將優先于font-size屬性生效。 最后，學習好CSS的知識體系，能夠幫助我們更好地掌控頁面的視覺效果。