CSS，全稱Cascading Style Sheets（層疊樣式表），是一種用于描述HTML頁(yè)面展示效果的樣式語(yǔ)言。通過(guò)CSS樣式，我們可以改變網(wǎng)頁(yè)中字體、顏色、大小、間距、邊框等元素的外觀效果。接下來(lái)，我們將討論CSS樣式對(duì)頁(yè)面影響的具體表現(xiàn)。

body{
background-color: #f5f5f5; /* 背景色為淺灰色 */
font-family: Arial, sans-serif; /* 字體為Arial或者系統(tǒng)默認(rèn)sans-serif */
font-size: 16px; /* 字號(hào)為16px */
line-height: 1.5; /* 行高為字號(hào)的1.5倍 */
color: #333; /* 字體顏色為深灰色 */
margin: 0; /* 去除頁(yè)面默認(rèn)的外邊距 */
padding: 0; /* 去除頁(yè)面默認(rèn)的內(nèi)邊距 */
}
h1{
font-size: 32px; /* 標(biāo)題字號(hào)為32px */
font-weight: bold; /* 標(biāo)題加粗 */
text-align: center; /* 居中對(duì)齊 */
margin-top: 50px; /* 上外邊距為50px */
}
p{
font-size: 18px; /* 段落字號(hào)為18px */
margin-bottom: 20px; /* 下外邊距為20px */
line-height: 1.8; /* 行高為字號(hào)的1.8倍 */
}

如上代碼所示，我們定義了一個(gè)網(wǎng)頁(yè)的樣式。其中body元素的樣式設(shè)置了背景色、字體、顏色、外邊距、內(nèi)邊距等；h1元素的樣式則設(shè)置了字號(hào)、加粗、居中對(duì)齊等；而p元素的樣式則設(shè)置了字號(hào)、下外邊距、行高等。

通過(guò)CSS樣式的設(shè)置，我們可以輕松地控制網(wǎng)頁(yè)的整體外觀。比如，通過(guò)設(shè)置背景色可以添加網(wǎng)頁(yè)的主題顏色；通過(guò)設(shè)置字號(hào)和行高可以提高網(wǎng)頁(yè)的可讀性；通過(guò)設(shè)置外邊距和內(nèi)邊距可以精細(xì)地控制各元素之間的間距等。除此之外，我們還可以使用CSS的偽類和偽元素等高級(jí)設(shè)置，來(lái)實(shí)現(xiàn)更加豐富多彩、功能更加強(qiáng)大的設(shè)計(jì)效果。