CSS的繼承和節(jié)點樹

2018-09-26 13:50 更新

HTML網(wǎng)頁可以看作是一個節(jié)點的集合,在HTML文檔中可以包含不同的標記,HTML文檔中的每個成分都是一個節(jié)點。一個節(jié)點樹可以把一個HTML文檔展示為一個節(jié)點集,以及它們之間的連接。在每一個節(jié)點樹種,最頂端的節(jié)點被稱為根。每一個節(jié)點,除根之外,都擁有父節(jié)點。一個節(jié)點可以有無限的子節(jié)點,葉是無子的節(jié)點,同級節(jié)點指擁有相同的父的節(jié)點。下圖為一個節(jié)點樹:


節(jié)點樹

CSS繼承指的是子標記會繼承父標記的所有樣式風(fēng)格,并可以在父標記樣式風(fēng)格的基礎(chǔ)上加以修改,產(chǎn)生新的樣式,而子標記樣式風(fēng)格完全不會影響父標記。例如:


CSS的繼承


在Firefox 5.0中可以看到,一般段落字體顏色為紅色,大小為20px,但段落span標記中的文本字體顏色為紅色,大小為30px。此樣式首先繼承了父標記中的顏色樣式,并重新定義了自己的字號大小。


舉一反三:


對于margin、border、padding這三個屬性的多個屬性值都是一樣的,可以進行合并聲明。例如:

CSS屬性聲明


利用全局選擇器“*”進行聲明的技巧:

在實際網(wǎng)頁制作中,經(jīng)常會遇到某些頁面中的所有標記都是用同一種CSS樣式,比如彈出的小對話框和上傳附件的小窗口等,如果逐個聲明起來會很麻煩,這時可以利用全局選擇器“*”進行聲明。“*”表示全局所有元素,都可以進行匹配。代碼如下:

CSS聲明技巧

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號