樣式是網(wǎng)頁設(shè)計中不可缺少的一部分，它可以讓網(wǎng)頁變得美觀、易讀，并使網(wǎng)頁更具吸引力。其中最常用的樣式之一就是 CSS 樣式，它可以輕松地應(yīng)用到網(wǎng)頁各種元素上。

body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}

上面這段代碼是一個 CSS 樣式的例子，它設(shè)置了網(wǎng)頁的背景顏色、字體、字號和顏色。這些樣式可以直接應(yīng)用到 HTML 元素上，例如下面代碼中的 h1 標(biāo)簽：

h1 {
font-size: 36px;
color: #f00;
}

這段代碼設(shè)置了 h1 標(biāo)簽的字號和顏色，將其變?yōu)榱思t色且更加大的標(biāo)題樣式。

除了單獨應(yīng)用樣式到 HTML 元素上，CSS 樣式還可以通過類和 ID 來應(yīng)用樣式。例如，下面這段代碼設(shè)置了一個類名為 "highlight"，并將其應(yīng)用到了 p 標(biāo)簽中：

.highlight {
background-color: #ffa;
color: #333;
padding: 10px;
}

這是一個高亮的段落。

這段代碼將這個段落的背景顏色設(shè)為了黃色，字體顏色為黑色，以及在段落周圍設(shè)置了 10 像素的內(nèi)邊距。

除了類之外，CSS 樣式還可以通過 ID 來應(yīng)用樣式。例如下面這段代碼將一個 ID 名稱為 "header" 的 div 元素的背景顏色改變?yōu)榛疑?/p>

#header {
background-color: #ccc;
height: 100px;
text-align: center;
}

這是一個網(wǎng)站的標(biāo)題

這段代碼可以讓這個 div 元素的背景變成灰色，并將元素的高度設(shè)置為 100 像素以及使其中的標(biāo)題居中。

通過 CSS 樣式，我們可以輕松地對網(wǎng)頁上的元素進行美化和排版，讓網(wǎng)頁變得更加易于使用和高效。