CSS全稱為“層疊樣式表”(Cascading Style Sheets),是一種用來控制網頁樣式的語言。CSS能夠將文字大小、字形、顏色、行距、背景、邊框等視覺效果與HTML文檔分離,使開發者能夠更好地控制網頁的樣式,豐富網頁的表現性,提高用戶的瀏覽體驗。
/* CSS樣式表 */ body{ background-color: #f2f2f2; font-family: Arial, sans-serif; font-size: 16px; } p{ color: #333333; line-height: 1.5; margin-bottom: 20px; } a:hover{ color: #ff6600; text-decoration: none; }
在CSS中,樣式分為三種:內嵌樣式(在HTML標記中使用style屬性寫在標簽內的樣式)、嵌入樣式(寫在head標簽之間的樣式)和外部樣式(寫在獨立的CSS樣式表文件中)。為了方便維護,外部樣式表是最常用的一種形式。
層疊樣式表的“層疊”體現在樣式的優先級上,通過特定的規則來決定哪個樣式更優先應用。這些規則是:樣式來源(內嵌樣式、嵌入樣式、外部樣式)和選擇器的特定性(ID選擇器、類選擇器、元素選擇器等)。除此之外,還可以通過!important來強制應用某個樣式。
除了能夠控制頁面的外觀,CSS還支持一些高級特性,如響應式布局、動畫效果、字體引入等。通過合理運用CSS,我們可以打造出更出色的網頁。