繼承(Inheritance)

CSS(Cascading Style Sheets)為有層次的樣式表。繼承(Inheritance)是為了減輕樣式的記述，下層能夠繼承上層的屬性值，就不需要再定義。但是有些是不希望繼承上層的屬性值，這些屬性的屬性值如果沒有設定成強制繼承"Inherit"，就不會自動去繼承上層的屬性值。例如像背景、區塊等屬性，就不具有繼承性。

繼承值又分，絕對和相對繼承2種

絕對繼承

「color」屬性為具有繼承的屬性，在body元素定義文字顏色為藍色"blue"，它的子元素h1和子孫元素em都繼承body元素所定義的文字顏色"blue"。這種稱做為絕對繼承。

body { color : blue ; }
......
<body>
  <h1><em>I</em>nformation</h1>
</body>

相對繼承

「font-size」屬性為具有繼承的屬性，在body元素定義文字大小為"12px"，它的子元素h1繼承body元素所定義的文字大小的120%倍(12 x 120% = 14.4)。這種稱做為相對繼承。

body { font-size : 12px ; }
h1   { font-size : 120% ; }
......
<body>
  <h1> <em>I</em> nformation</h1>
</body>

對於沒有繼承性的屬性，屬性值設定強制繼承"inherit"之後，也就一樣有繼承的效果。body的背景色為"black"，它的子元素h1強制繼承之後，背景色也跟著變成為"black"。

body { background-color : black; }
h1   { background-color : inherit ; }
......
<body>
  <h1> <em>I</em> nformation</h1>
</body>