CSS即層疊樣式表，是一種用來美化HTML頁面的語言，可以設(shè)置頁面中的字體、顏色、邊框、背景等方面的樣式。下面我們來一步步使用CSS來制作一個(gè)網(wǎng)頁。

/*CSS代碼*/
/*設(shè)置頁面背景顏色*/
body {
background-color: #f2f2f2;
}
/*設(shè)置標(biāo)題樣式*/
h1 {
font-size: 3em;
color: #333;
text-align: center;
margin-top: 50px;
}
/*設(shè)置導(dǎo)航欄樣式*/
nav {
background-color: #555;
color: #fff;
height: 50px;
line-height: 50px;
text-align: center;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin: 0 10px;
}
nav a {
color: #fff;
text-decoration: none;
}
/*設(shè)置主要內(nèi)容樣式*/
.main-content {
margin: 30px auto;
width: 80%;
}
.main-content h2 {
font-size: 2em;
color: #333;
margin-top: 50px;
}
.main-content p {
font-size: 1.2em;
line-height: 1.5;
}
/*設(shè)置頁腳樣式*/
footer {
background-color: #555;
color: #fff;
height: 50px;
line-height: 50px;
text-align: center;
}

以上是CSS的代碼，接下來我們需要在HTML代碼中嵌入CSS。

我的網(wǎng)頁
歡迎來到我的網(wǎng)頁
這是一個(gè)演示如何使用CSS美化網(wǎng)頁的示例。我們將會(huì)使用CSS來為我的網(wǎng)頁設(shè)置不同的樣式。

我們將CSS代碼放在head標(biāo)簽中，代碼實(shí)現(xiàn)的效果是給網(wǎng)頁添加背景顏色，設(shè)置標(biāo)題、導(dǎo)航欄、主要內(nèi)容和頁腳的樣式。這樣，就可以非常快捷地讓網(wǎng)頁變得美觀、清新、大方了。