舉例詳解CSS中的繼承
我要評論CSS的繼承是由所使用的樣式屬性定義的。換句話說，當你查看CSS屬性backgruound-color，你會看到一欄「繼承性」，也許你幾乎沒有在意過它，但是它還是十分有用的。
什么是CSS繼承
每一個元素都是文檔樹的一部分，除了最頂級的HTML元素，每個元素都有其對應的父級元素，每一個父級元素的CSS屬性值都可以被應用到它的子元素中去。
舉個栗子，H1標簽包含著一個EM標簽：
EM就是H1標簽的子元素，任何H1中繼承的CSS屬性值會自動在EM標簽中生效，比如：
- h1{font-size: 120%;}
由于font-size是默認繼承的CSS屬性，"很大的"字體也會和H1一樣，被放大到120%。
如何使用CSS繼承
最簡單的方法就是知道CSS所有屬性中那些是默認被繼承的，如果這個屬性被繼承，就會知道它會在元素所有子元素中生效。
我們經常在非常頂級的元素上定義基礎樣式，比如BODY標簽，如果在body中設置字體，因為繼承，文檔中所有元素都會應用這個字體：
- h1{font-size: 120%;}
使用「inherit」值
每個CSS屬性的值都包括inherit，屬性被定義這個值后，即使這個屬性不是默認繼承，也會應用父級元素這個CSS屬性的值，比如：
- body { margin: 1em; }
- p { margin: inherit; }
繼承使用計算值（Computed Values）
計算值指的是這個值相對于網頁中其他值來定義，這個對于繼承屬性尤其重要。如果在body中定義font-size:1em，文檔中所有元素字體大小并不都是1em，這是因為像H1-H6這類元素的font-size的值是相對大小。H1默認是網頁中字體最大的元素，當設置body元素字體大小時，H1-H6會根據這個「平均」大小的字體計算實際的字體大小。
再舉一個例子：
按照之前所述，font-size是默認被繼承的CSS屬性，然而span字體的大小并不是p的80%，而是和p一樣大，正是因為繼承使用的是計算值，如果p的父級元素的字體大小為30px，p的字體大小計算值為24px，span繼承的則是24px，而不是80%。
更多關于計算值可以閱讀CSS Computed Value。
background被「繼承」
查看backgruound屬性，會看到它的繼承性是no，也就是默認不被繼承的。但是瀏覽器依舊默認「繼承」了這個屬性，比如寫這么一段：
“很大的”依舊有了黃色的背景，這是因為background屬性的初始值（initial value）是transparent（透明），所以看到的黃色背景其實是h1標簽的背景。
相關文章
- 你對CSS層疊和繼承的概念和用法你是否熟悉，這里和大家分享一下，文檔中的一個元素可能同時被多個CSS選擇器選中，每個選擇器都有一些CSS規(guī)則，這就是層疊，而所謂繼承，就2011-01-27
- 我們知道文檔中的一個元素可能同時被多個css選擇器選中，每個選擇器都有一些css規(guī)則，這就是層疊。所謂繼承，就是父元素的規(guī)則也會適用于子元素。2010-03-14
- 下面小編就為大家?guī)硪黄狢SS默認可繼承樣式詳解。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-06
CSS教程:學習CSS的繼承性-CSS教程-網頁制作-網頁教學網
所謂CSS的繼承是指被包在內部的標簽將擁有外部標簽的樣式性質。繼承特性最典型的應用通常發(fā)揮在整個網頁的樣式預設，需要指定為其它樣式的部份設定在個別元素里即可。這項2008-10-17CSS樣式表中繼承關系的空格與不空格-CSS教程-網頁制作-網頁教學網
這可能是一個非常簡單的問題，但是今天花一點點時間把這個簡單的問題在說清晰一點，相信大家對ＣＳＳ的學習和認識會很有幫助，強化一些概念的東西，對以后的工作效率的2008-10-17CSS教程:水平對齊(text-align)-CSS教程-網頁制作-網頁教學網
水平對齊（text-align），用以設定元素內文本的水平對齊方式。 1.語法 text-align具體參數如下： 語法：text-align:left|right|center|justify 說明：2008-10-17CSS教程:line-height屬性的繼承-CSS教程-網頁制作-網頁教學網
原文：http://www.planabc.net/2008/07/25/unitless-line-heights/ 淘寶商城的detail 頁面“產品詳情”部分是商家自定義區(qū)塊，曾出現這樣一個問題： &2008-10-17CSS教程：行高line-height屬性(2)-CSS教程-網頁制作-網頁教學網
相關文章：CSS教程：行高line-height屬性(1) 7.3.3行高的計算與繼承 以em、ex和百分比為單位的行高，其基數是元素本身的字體尺寸。例如有代碼如下： <pstyle=&quo2008-10-17CSS教程：理解繼承屬性及應用-CSS教程-網頁制作-網頁教學網
4.5繼承 在本書的[3.3.2繼承與層疊]一節(jié)曾經簡要介紹過繼承：(X)HTML元素可以從其父元素那里繼承部分CSS屬性，即使當前元素并沒有定義該屬性。 4.5.1值的繼承 繼承也是2008-10-17- 下面小編就為大家?guī)硪黄钊肜斫釩SS定位與層疊。小編覺得挺不錯的，現在分享給大家，也給大家做個參考2016-04-15