CSS又稱層疊樣式表,是一種控制網(wǎng)頁(yè)樣式的語言。CSS規(guī)則是定義了樣式應(yīng)用的規(guī)則,包括選擇器和聲明塊。以下是CSS規(guī)則的主要特性。
/* 這是一個(gè)CSS規(guī)則 */ selector { property: value; property: value; ... }
選擇器是指定應(yīng)用樣式的元素。有多種選擇器類型:
/* 元素選擇器 */ p { color: blue; } /* 類選擇器 */ .myClass { background-color: yellow; } /* ID選擇器 */ #myID { font-size: 24px; }
聲明塊包含具體的樣式定義。由屬性名和屬性值組成。多個(gè)屬性之間使用分號(hào)分隔。
selector { property1: value1; property2: value2; ... }
屬性值可以是具體的數(shù)值,如寬度和高度,也可以是文字和顏色等。以下是一些常用的CSS屬性:
/* 塊級(jí)元素寬度和高度 */ selector { width: 100px; height: 50px; } /* 字體和顏色 */ selector { font-size: 16px; color: red; } /* 邊框和內(nèi)邊距 */ selector { border: 1px solid black; padding: 10px; } /* 背景和透明度 */ selector { background-color: pink; opacity: 0.5; }
多個(gè)規(guī)則可以同時(shí)應(yīng)用于同一個(gè)元素,此時(shí)會(huì)按照優(yōu)先級(jí)進(jìn)行層疊。具體的優(yōu)先級(jí)規(guī)則可以參考CSS文檔。
以上是CSS規(guī)則的主要特性,能夠幫助我們更好地掌握CSS樣式的定義和應(yīng)用。