在一個 HTML 文件中，標籤之間有所謂的親子關係。舉例來說，<title> 這個標籤一定都是在 <head> 這個標籤之內，所以我們就說 <title> 是 <head> 的子標籤。繼承 (inheritance) 的意思就是說子標籤的樣式會跟父標籤一樣，除非子標籤本身另有自訂的樣式。
舉例來說，如果我們有以下的樣式：
p { color: #00FF00; }
strong { font-size:20px; }
|
下面這行 HTML 碼，
|
<p>這是一個 <strong>繼承的例子。</strong></p>
|
就會顯現出為，
這是一個繼承的例子。
在以上的例子中，雖然我們並沒有對 <strong> 設定顏色，可是我們可以看到，整個句子的顏色都是綠色的。這是因為， <strong> 是 <p> 的子標籤，所以 <strong> 繼承了 <p> 的樣式，而在 <p> 的樣式中，文字顏色是設定為綠色的。
下一頁： CSS Class 與 CSS ID
Copyright 2007-2009 1keydata.com, All Rights Reserved.
|
|