CSS 語法總結

2021-09-20 03:35:54 字數 866 閱讀 1451

樣式檔案的語法規則很簡單,有選擇器和樣式屬性組成,即:

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...