CSS（層疊樣式表）是一種用來控制HTML文檔外觀的代碼，它可以定義文本的字體、顏色、大小、布局等效果。

要在HTML文檔中加入CSS，我們需要在head標簽中添加style標簽。在style標簽中，我們可以使用多種不同類型的CSS選擇器將樣式應用到HTML元素中，例如tag選擇器、class選擇器、id選擇器等。

/* tag選擇器  */
p{
font-size: 16px;
color: red;
}
/* class選擇器 */
.title{
font-size: 24px;
text-align: center;
}
/* id選擇器 */
#content{
margin-top: 20px;
border: 1px solid black;
}

在上面的示例中，我們使用了三種不同的選擇器來定義CSS樣式。在tag選擇器中，我們選擇了所有的p元素，并定義了它們的字體大小和顏色。在class選擇器中，我們選擇了所有class為title的元素，讓它們的字體大小為24px并居中對齊。在id選擇器中，我們選擇了id為content的元素，給它添加了上邊距和邊框樣式。

除了選擇器外，我們還可以使用CSS的不同屬性來定義元素的大小、顏色、布局等效果。例如，我們可以使用width和height屬性來定義元素的尺寸，使用background-color屬性來定義元素的背景顏色。

/* 定義元素尺寸 */
.box{
width: 200px;
height: 200px;
}
/* 定義背景顏色 */
.box{
background-color: #f0f0f0;
}

需要注意的是，CSS樣式會按照優先級進行覆蓋。優先級的計算方法是由選擇器的類型、權重和順序決定的。例如，使用id選擇器的樣式優先級最高，其次是class選擇器和tag選擇器的樣式，權重相等時，后面的樣式會覆蓋前面的樣式。因此，在編寫樣式時，需要考慮到樣式的優先級，防止出現不必要的沖突和覆蓋。

總之，CSS樣式是我們在Web開發中必不可少的一部分。掌握好CSS的基本語法和屬性，能夠幫助我們更好地設計和布局網頁，提高用戶體驗。