今天我們來(lái)學(xué)習(xí)一下CSS代碼。CSS，全稱為層疊樣式表，是用來(lái)美化網(wǎng)頁(yè)的一種語(yǔ)言。CSS可以使網(wǎng)頁(yè)顏色、字體、布局等方面變得更加美觀。下面我們將通過(guò)一個(gè)簡(jiǎn)單的案例來(lái)學(xué)習(xí)CSS。 首先，我們要在HTML文件中添加一個(gè)div標(biāo)簽，代碼如下：

<div></div>

接下來(lái)，我們要給這個(gè)div標(biāo)簽添加樣式。我們可以在HTML頭部中添加style標(biāo)簽，然后在其中寫入CSS代碼。代碼如下：

<style>
div {
width: 200px;  /* 設(shè)置div標(biāo)簽的寬度為200像素 */
height: 200px;  /* 設(shè)置div標(biāo)簽的高度為200像素 */
background-color: red;  /* 設(shè)置背景色為紅色 */
margin: 0 auto;  /* 設(shè)置水平居中 */
margin-top: 100px;  /* 設(shè)置垂直居中 */
}
</style>

解釋一下代碼中的注釋。第一行代碼是設(shè)置div標(biāo)簽的寬度為200像素，第二行代碼是設(shè)置div標(biāo)簽的高度為200像素，第三行代碼是設(shè)置div標(biāo)簽的背景色為紅色，第四行代碼是設(shè)置div標(biāo)簽在水平方向上居中，最后一行代碼是設(shè)置div標(biāo)簽在垂直方向上居中。 運(yùn)行代碼，我們可以看到一個(gè)紅色的正方形，它位于頁(yè)面的正中央。這就是我們通過(guò)CSS代碼設(shè)置的樣式效果。 CSS可以說(shuō)是網(wǎng)頁(yè)美化的重要語(yǔ)言之一。通過(guò)學(xué)習(xí)CSS的使用，我們可以讓網(wǎng)頁(yè)變得更加美觀和易于閱讀。希望這個(gè)簡(jiǎn)單的案例能夠幫助大家初步了解CSS的使用。