CSS是Web前端開發(fā)中非常重要的一部分，它可以使網(wǎng)站更加美觀、易于維護(hù)和改變。下面介紹一些在制作網(wǎng)站時(shí)使用的CSS代碼。 首先是盒子模型，CSS中的盒子模型由內(nèi)容、內(nèi)邊距、邊框和外邊距組成。其中，內(nèi)容的寬高和內(nèi)邊距的寬高可以通過設(shè)置類選擇器改變，邊框和外邊距則需要設(shè)置模板元素。代碼如下：

.box {
width: 300px;
height: 150px;
padding: 10px;
border: 2px solid black;
margin: 20px 0;
}

上述代碼中，box類選擇器設(shè)置了元素的寬度、高度、內(nèi)邊距、邊框和外邊距的樣式。其中，10px是內(nèi)邊距的數(shù)值，而2px是邊框的寬度，solid則表示邊框的樣式為實(shí)線。

其次是文本樣式的代碼，包括文字顏色、字體、字體大小、對(duì)齊方式等。一般使用類選擇器對(duì)文字樣式進(jìn)行設(shè)置。代碼如下：

.text {
color: #333;
font-family: sans-serif;
font-size: 16px;
text-align: center;
}

上述代碼中，text類選擇器設(shè)置了文字的顏色、字體、大小和對(duì)齊方式。其中，#333是十六進(jìn)制顏色碼，表示深灰色。sans-serif表示字體為無(wú)襯線字體，16px是字體大小。

最后是圖片樣式的代碼，包括圖片寬高、浮動(dòng)方式等。同樣使用類選擇器設(shè)置。代碼如下：

.img {
width: 200px;
height: 200px;
float: left;
margin-right: 20px;
}

上述代碼中，img類選擇器設(shè)置了圖片的寬度、高度、浮動(dòng)方式和右邊距離。其中，float: left表示圖片向左浮動(dòng)，margin-right: 20px表示圖片距離右側(cè)元素的距離是20px。

以上是一些在制作網(wǎng)站中常用的CSS代碼，它們能夠讓網(wǎng)站更加美觀易讀。同時(shí)，不同的CSS樣式可以通過類選擇器來實(shí)現(xiàn)不同的樣式效果。