CSS是一種用于定義網(wǎng)頁樣式的語言，它可以應(yīng)用于HTML標(biāo)記，裝飾網(wǎng)頁內(nèi)容的外觀、排版和布局。下面我們來具體介紹常見的CSS樣式。

1、字體樣式

body{
font-family: "Microsoft YaHei",sans-serif;
font-size: 14px;
font-weight: normal;
color: #333;
}

上述代碼表示設(shè)置整個(gè)網(wǎng)頁默認(rèn)字體為微軟雅黑，大小為14px，字重為普通，顏色為深灰色。

2、背景樣式

body{
background-color: #f2f2f2;
background-image: url("bgimage.jpg");
background-repeat: no-repeat;
background-position: center top;
}

上述代碼表示設(shè)置網(wǎng)頁背景顏色為淺灰色，同時(shí)將一張名為bgimage.jpg的圖片設(shè)置為背景圖，并且不重復(fù)，居中位置。

3、盒模型樣式

.box{
width: 200px;
height: 150px;
padding: 20px;
border: 1px solid #ccc;
margin: 10px;
}

上述代碼表示設(shè)置一個(gè)類名為.box的盒子，寬度為200px，高度為150px，內(nèi)邊距為20px，邊框厚度為1px，顏色為灰色，外邊距為10px。

4、文本樣式

h1{
font-size: 28px;
font-weight: bold;
color: #333;
text-align: center;
text-decoration: underline;
}

上述代碼表示設(shè)置H1標(biāo)簽的字體大小為28px，字重為粗體，顏色為深灰色，居中對齊，帶下劃線。

除了以上幾種樣式，CSS還有很多其他的設(shè)置，如定位、浮動(dòng)、動(dòng)畫等。通過CSS，我們可以靈活的控制網(wǎng)頁的樣式，在視覺上更好的展現(xiàn)內(nèi)容，提高用戶體驗(yàn)。