在網(wǎng)頁(yè)設(shè)計(jì)中，CSS（Cascading Style Sheets）被用來(lái)控制網(wǎng)頁(yè)內(nèi)容的外觀和布局。通過(guò)設(shè)置不同的樣式，可以讓網(wǎng)頁(yè)看起來(lái)更加美觀和易于閱讀。

CSS有三種常見(jiàn)的使用方式：內(nèi)部樣式表、外部樣式表和內(nèi)聯(lián)樣式。內(nèi)部樣式表是將CSS代碼直接寫(xiě)進(jìn)HTML文檔的標(biāo)簽內(nèi)，外部樣式表則是將CSS代碼保存在一個(gè)單獨(dú)的CSS文件中，并在HTML文檔中用標(biāo)簽引用。內(nèi)聯(lián)樣式則是將CSS樣式寫(xiě)在HTML標(biāo)簽的style屬性中。

下面是一些常見(jiàn)的CSS基礎(chǔ)代碼：

/* 注釋 */
/* 選擇器 */
h1 {
font-size: 36px;
color: red;
}
/* id選擇器 */
#main-nav {
background-color: black;
color: white;
}
/* class選擇器 */
.highlight {
background-color: yellow;
}
/* 屬性選擇器 */
a[target="_blank"] {
font-weight: bold;
}
/* 盒模型 */
.box {
width: 300px;
height: 200px;
border: 1px solid black;
padding: 20px;
margin: 10px;
}
/* 文字對(duì)齊 */
.center {
text-align: center;
}
/* 浮動(dòng) */
.left {
float: left;
}
/* 清楚浮動(dòng) */
.clearfix::after {
content: "";
display: block;
clear: both;
}
/* 響應(yīng)式設(shè)計(jì) */
@media screen and (max-width: 768px) {
/* 在屏幕寬度小于768px時(shí)應(yīng)用的CSS樣式 */
.box {
width: 100%;
height: auto;
}
}

以上是一些基礎(chǔ)的CSS代碼，可以用來(lái)設(shè)置字體、顏色、背景、邊框等樣式。除此之外，CSS還有很多高級(jí)功能，如動(dòng)畫(huà)、過(guò)渡、排版和響應(yīng)式布局等，可以幫助你創(chuàng)建更加優(yōu)秀的網(wǎng)頁(yè)。