CSS(Cascading Style Sheets)是一種樣式表語言,通常被用于定義 HTML(Hypertext Markup Language)文檔的外觀和布局。當(dāng)我們想要改變網(wǎng)頁的背景色、字體樣式、大小和間距時,CSS就能為我們實(shí)現(xiàn)這些效果。
/* HTML樣式定義 */ body { background-color: #F5F5F5; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; } h1 { font-size: 48px; font-weight: bold; text-align: center; color: #333; } p { font-size: 20px; color: #555; margin-bottom: 20px; }
以上是使用CSS為HTML文檔添加樣式的代碼示例。CSS的樣式定義通常包括選擇器和聲明兩部分,選擇器用于選中需要添加樣式的HTML元素,聲明用于定義需要應(yīng)用的樣式屬性和值。
在上面的代碼中,我們?yōu)?code>body元素定義了背景色和字體樣式,為h1
定義了字體大小、粗細(xì)、文本居中和顏色,為p
定義了字體大小、顏色和下邊距。這些樣式屬性將被應(yīng)用于匹配的HTML元素。
除了上述基本樣式屬性外,CSS還提供了眾多高級樣式和功能,包括盒模型、浮動、定位和響應(yīng)式設(shè)計等。使用CSS的好處在于,可以通過一次定義使多個HTML元素獲得相同的樣式,從而讓網(wǎng)頁更美觀、易讀、易用。