CSS中的樣式表定義著網(wǎng)頁的外觀和布局。樣式表可以被定義在HTML文檔中的<style>標(biāo)簽中,也可以定義在外部CSS文件中,通過<link>標(biāo)簽引入。
樣式表中最常見的選擇器是元素選擇器,例如p、a、div等。選擇器后面的花括號中,包含了對應(yīng)元素的樣式定義。比如:
p { color: #333; font-size: 16px; }
以上代碼表示對所有的<p>元素應(yīng)用了顏色為#333,字體大小為16px的樣式。
除了元素選擇器,還有類選擇器和ID選擇器。類選擇器以點號開頭,ID選擇器以井號開頭。例如:
.header { background-color: #f1f1f1; height: 60px; } #logo { font-size: 24px; font-weight: bold; }
以上代碼表示對類名為.header的元素應(yīng)用了背景顏色為#f1f1f1,高度為60px的樣式;對ID為logo的元素應(yīng)用了字體大小為24px,字體粗細(xì)為粗體的樣式。
在樣式表中,還可以定義偽類和偽元素,例如:hover、:first-child、::before等。偽類和偽元素可以增加樣式表的選擇范圍,實現(xiàn)更精細(xì)的樣式控制。
總體而言,CSS樣式表是定義網(wǎng)頁外觀和布局的核心。利用各種選擇器和定義樣式規(guī)則,可以實現(xiàn)各種精美的網(wǎng)頁效果。