CSS的基本語法結構由選擇器、屬性和屬性值組成,這是一個典型的CSS規(guī)則:
selector {
property: value;
property: value;
...
}
其中,選擇器指定了要應用樣式的HTML元素,屬性指定了要應用到該元素的樣式,屬性值則是選擇器所指定元素屬性所要應用的具體樣式。下面是一些具體的解釋:
- 選擇器(selector):用來指定一個或多個將要應用樣式的 HTML 元素。
- 大括號({}):需要將屬性定義放置在大括號中,并以分號(;)分隔每個屬性定義。
- 屬性(property):一種要設置的樣式特征。比如,顏色、寬度、高度等。
- 屬性值(value):設置樣式特征的值。比如,紅色、12px、像素等。
以下是一個CSS樣式的例子:
h1 {
color: blue;
font-size: 24px;
font-weight: bold;
}
在這個例子中,選擇器是"h1",用于指定標題元素,后面跟著一對大括號,里面包含三個屬性(color,font-size和font-weight),每個屬性后面跟著一個冒號和屬性值。這個CSS樣式將應用于所有HTML中的h1元素,更改Font顏色為藍色,字體大小為24像素,加粗字體。