CSS(Cascading Style Sheets)是一種用于描述網頁文檔呈現方式的樣式語言。它可以控制文檔的布局、字體、顏色、背景等方面,使文檔具有更加美觀、靈活、可定制的外觀樣式。
CSS主要由樣式規則組成,每條規則由選擇器和聲明塊組成。選擇器選擇需要應用樣式規則的元素,聲明塊由一系列聲明組成,每個聲明包含一個屬性和一個值。CSS樣式代碼可以放在HTML文檔的頭部,也可以放在外部的CSS文件中,以便于不同的HTML文檔復用相同的樣式代碼。
/* CSS樣式規則示例 */ p { font-size: 16px; color: #333; line-height: 1.5; } div.container { max-width: 960px; margin: 0 auto; background-color: #f5f5f5; }
除了基本的樣式規則,CSS還支持一些選擇器和偽類,可以更加精確地選擇元素或者根據元素的狀態應用相應的樣式。同時,CSS還支持繼承和層疊機制,使得樣式的應用具有優先級和繼承關系。例如,當同時應用了多個CSS規則時,具有最高優先級的規則會覆蓋其它規則。而當一個元素的樣式沒有明確設定時,它會從父級元素繼承相應的樣式,形成樣式繼承鏈。
CSS還支持多種樣式單位,例如像素、百分比、em等等。其中像素是絕對單位,百分比和em是相對單位,可以根據父元素或者font-size進行自適應的調整。
/* CSS樣式單位示例 */ h1 { font-size: 36px; line-height: 1.2; } p { font-size: 1em; line-height: 1.5; margin: 1.5em 0; } div.container { width: 100%; max-width: 960px; margin: 0 auto; padding: 2rem; }
總之,CSS是一種非常重要的前端技術,對于頁面的設計和實現都具有重要意義。掌握基本的CSS知識,可以幫助我們更好地處理網頁的樣式問題。