CSS(Cascading Style Sheets)語句構成是由多個部分組成的。因為 CSS 作為網(wǎng)頁樣式的設計語言,其主要功能是為 HTML 添加樣式,因此 CSS 包含的語句塊可以分為選擇器,屬性和值三個部分。
selector { property: value; }
選擇器(Selector)部分指定了應用該樣式的文檔元素??梢酝ㄟ^元素的 ID、類、標簽名或屬性等方式進行選擇。如下所示:
#id { property: value; } .class { property: value; } element { property: value; } [attribute] { property: value; }
屬性(Property)部分定義了要應用的樣式,例如 font-size、color、background 等。特別需要注意的是,一個選擇器可以定義多個屬性,多個屬性之間需要使用分號進行區(qū)分。
selector { property1: value1; property2: value2; property3: value3; ... }
值(Value)部分定義了屬性的值,可以是固定值、百分比、變量或函數(shù)等。例如,字體大小可以指定為 16px,也可以指定為 2em。
selector { property: value; }
注意,在 CSS 中,所有的部分都需要使用花括號進行包裹,并且各個部分之間需要使用冒號進行分隔,而屬性與值之間需要使用英文冒號進行分隔。