樣式檔案的語法規則很簡單,有選擇器和樣式屬性組成,即:
selector
css 中基本的選擇器
名稱選擇器
例子例子含義
通用選擇器**
頁面中所有元素都被設定為綠色,2em字型大小
標籤選擇器sp
所有標籤中的元素都被設定為3em字型大小
class選擇器
.value 或者 s.value
.qd
所有class屬性值為old的標籤你元素的顏色都被設定為紅色
h3.old
所有class屬性值為old的標籤的元素的顏色都被設定為黃色
id 選擇器
#value 或者
s#value
#nw
所有id屬性值為nw的標籤設定為斜體
a#hi
所有的id屬性值為hi的標籤的元素字型大小設定為斜體
除了基本的選擇器,css還允許設定選擇器的組合
基本的選擇器組合
組合名稱
選擇器例子
例子含義
多選擇器
s1, s2
p,#hi
所有標籤和id為hi的標籤均被設定為綠色,2em字型大小
子元素選擇器
s1 > s2
body >p
所有body標籤的直接子標籤的字型大小都被設定為3em字型大小
後代選擇器
s1 s2
p p
所有標籤內的標籤被設定為紅色。注意:兩個選擇器用空格分隔
相鄰選擇器
s1 + s2
#start + #end
如果出現id為start的標籤後面緊隨乙個id為end的標籤,則字型大小被設定為黃色
CSS語法總結
在學習css的過程中,了解並掌握css的語法是至關重要的,在這裡總結一下相關的語法。css 選擇器有三種方式,分別為 行內樣式,內部樣式,外部樣式。直接寫在html標籤內,寫於style屬性當中 寫在頭部標籤內,置於style標籤內部 在head中用link標籤引入,置於css檔案中 css exp...
常用CSS縮寫語法總結
常用css縮寫語法總結 顏色 16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000 可以縮寫為 000 336699 可以縮寫為 369 盒尺寸 通常有下面四種書寫方法 property value1 所有邊都是乙個值value1 property value1 value2 表...
常用CSS縮寫語法總結
顏色16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸通常有下面四種書寫方法 方便的記憶方法是順時針,上右下左。具體應用在margin和padding的例子如下 margin 1em 0 2em 0.5em 邊框 bor...