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

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

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

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

舉一反三：

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

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

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