CSS中最基礎的三類樣式分別是文本樣式、背景樣式和盒子樣式。 一、文本樣式 文本樣式指的是對文字本身的樣式設置，如字體、顏色、大小、行高、文字對齊等。下面是一個例子：

p {
font-family: Arial;
color: #333;
font-size: 16px;
line-height: 1.5;
text-align: center;
}

以上代碼表示將所有段落的字體設置為Arial，顏色設置為#333，字號設置為16px，行高設置為1.5倍行距，文本居中對齊。 二、背景樣式 背景樣式指的是對元素的背景進行樣式設置，如背景顏色、背景圖片、背景位置等。下面是一個例子：

div {
background-color: #f3f3f3;
background-image: url(images/bg.jpg);
background-position: center center;
background-repeat: no-repeat;
}

以上代碼表示將所有div的背景顏色設置為#f3f3f3，背景圖片設置為images文件夾下的bg.jpg文件，背景圖片位置設置在水平和垂直方向都居中，背景圖片不重復。 三、盒子樣式 盒子樣式指的是對元素的外觀進行樣式設置，如盒子大小、邊框樣式、內外邊距等。下面是一個例子：

div {
width: 400px;
height: 200px;
padding: 20px;
border: 1px solid #ccc;
margin: 0 auto;
}

以上代碼表示將所有div的寬度設置為400px，高度設置為200px，內邊距設置為上下左右都為20px，邊框為1px實線邊框，邊框顏色為#ccc，元素在水平方向居中對齊。