CSS是Cascading Style Sheets(層疊樣式表)的縮寫。CSS是一種標記語言,用于描述HTML及其它文檔的表現(如字體、顏色、間距等)。樣式表中包含了一系列的樣式聲明,用于定義文檔中各元素的外觀和排版方式。
/* 以下是CSS樣式聲明語法的構成 */ selector { property: value; } /* 選擇器:表示哪些元素應該應用該樣式 */ /* 屬性:要設置的樣式屬性 */ /* 值:應用于屬性的值 */
CSS樣式聲明語法中,選擇器用于定位文檔中的元素,可以根據元素的標簽名、類名、ID等進行選擇。例如:
h1 { color: red; } .intro { font-size: 20px; } #header { background-color: gray; }
上述代碼中的h1、.intro和#header都是選擇器。分別表示應用樣式的元素是所有的
元素、所有class為intro的元素和ID為header的元素。這些選擇器幫助我們精準地選擇文檔中需要應用樣式的元素。
接下來是屬性,它指定了要改變哪些外觀或排版特征。CSS支持各種不同的屬性,如字體、顏色、邊框、寬度、高度等等。屬性名可以是簡寫形式(如font代表font-size、font-family和font-weight),也可以是全稱(如border-radius)。
最后是值,它是應用于屬性的具體值。值可以是字面值(如color: red),也可以是計算式(如width: 50%)。不同的屬性接受不同的值,因此熟悉各種屬性的值是編寫有效CSS樣式的關鍵。