級聯樣式表(Cascading Stylesheet, CSS)語言的基本目標是允許文檔添加帶有顯式元素的頁麵樣式組件,類似於色調、位置或設計。屬性是一個標識符,這是一個易於理解的名稱,它描述了所考慮的元素。價值描述了電機應該如何處理元件。每個屬性都有一堆合法的特性,由常規語法表征,就像語義意義一樣,由程序馬達執行。因此,CSS的語法如下:
選擇器{Property1: value1;Property2: value2;。。}
這是位於規則集開頭的HTML組件名稱。它描述要設置樣式的元素(在這個模型中, components)。若要設置備用組件的樣式,請更改選擇器。
- 屬性
通過這些方式可以設置HTML組件的樣式。(在這個模型中,著色是 組件的屬性。)在CSS中,您可以在標準中選擇需要影響的屬性。
- 值
在屬性的一邊——冒號之後——是屬性估計。這將從給定屬性的眾多潛在外觀中選擇一個。(例如,盡管有紅色,但有許多陰影方麵的尊重。)
注意語法的其他重要部分:
- 除了選擇器之外,每個規則集都應該用波形支持括起來。({})
- 在每個語句中,您應該使用冒號(:)將屬性與其價值或質量隔離開來。
- 在每個規則集中,您應該使用分號(;)將每個肯定與下麵的肯定隔離開來。
選擇多個組件
同樣,您可以選擇不同的組件,並對每個組件應用單獨的規則集。用逗號分隔不同的選擇器。例如:
Selector1, Selector2, Selector3{Property1: value1;Property2: value2;。。}
各種各樣的選擇器
選擇器種類繁多。上麵的模型使用組件選擇器,它選擇給定類型的所有組件。在任何情況下,我們也可以做出更明確的決定。下麵是一些比較常見的選擇器:
選擇器的名字 |
它會選擇什麼 |
例子 |
元素選擇器(有時稱為標記或類型選擇器) |
預定類型的所有HTML組件。 |
div 選擇< div > |
ID選擇器 |
具有預定ID的頁麵上的組件。在給定的HTML頁麵上,每個id值都應該是唯一的。 |
# id_name 選擇 |
類選擇器 |
具有預定義類的頁麵上的元素。一個頁麵上可以顯示類似類的各種示例。 |
.class_name 選擇 |
屬性選擇器 |
頁麵上具有預定義屬性的元素。 |
img (src) 選擇,但不選擇 |
偽類選擇器 |
決定元素,隻是當處於預定義狀態時。(例如,當光標在鏈接上浮動時。) |
答:徘徊 |