CSS規(guī)則定義中有3大分類:選擇器、屬性和值。
選擇器是用于定位HTML文檔中的元素,并為其定義樣式。常用的選擇器有元素選擇器、類選擇器、ID選擇器、偽類選擇器和屬性選擇器等。
屬性是CSS中最基本的構建單位,用于指定元素的樣式。常用的屬性有字體、顏色、尺寸、間距、邊框、背景、文本、列表等。屬性可以搭配值來實現樣式效果。
值是屬性的具體取值,決定了樣式的表現形式。值可以是單個的關鍵字,也可以是由多個部分組成的復合值。例如,顏色值可以用關鍵字、RGB值或者十六進制值表示。
以下是一個CSS樣式的例子,包含了選擇器、屬性和值的應用:
在上面的例子中,p是選擇器,font-size、color、background-color、padding和border是屬性,而16px、#333、#f5f5f5、10px和1px solid #ddd則是屬性的值。通過選擇器、屬性和值的配合,可以實現各種各樣的CSS樣式。
選擇器是用于定位HTML文檔中的元素,并為其定義樣式。常用的選擇器有元素選擇器、類選擇器、ID選擇器、偽類選擇器和屬性選擇器等。
屬性是CSS中最基本的構建單位,用于指定元素的樣式。常用的屬性有字體、顏色、尺寸、間距、邊框、背景、文本、列表等。屬性可以搭配值來實現樣式效果。
值是屬性的具體取值,決定了樣式的表現形式。值可以是單個的關鍵字,也可以是由多個部分組成的復合值。例如,顏色值可以用關鍵字、RGB值或者十六進制值表示。
以下是一個CSS樣式的例子,包含了選擇器、屬性和值的應用:
p { font-size: 16px; /* 屬性:字體大小;值:16像素 */ color: #333; /* 屬性:顏色;值:黑色 */ background-color: #f5f5f5; /* 屬性:背景顏色;值:灰色 */ padding: 10px; /* 屬性:內邊距;值:10像素 */ border: 1px solid #ddd; /* 屬性:邊框;值:1像素灰色實線 */ }
在上面的例子中,p是選擇器,font-size、color、background-color、padding和border是屬性,而16px、#333、#f5f5f5、10px和1px solid #ddd則是屬性的值。通過選擇器、屬性和值的配合,可以實現各種各樣的CSS樣式。