這篇文章主要講解了“CSS中的繼承是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS中的繼承是什么”吧！

我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、萬(wàn)年ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的萬(wàn)年網(wǎng)站制作公司

CSS的繼承是由所使用的樣式屬性定義的。換句話說(shuō)，當(dāng)你查看CSS屬性backgruound-color，你會(huì)看到一欄「繼承性」，也許你幾乎沒(méi)有在意過(guò)它，但是它還是十分有用的。
什么是CSS繼承

每一個(gè)元素都是文檔樹的一部分，除了最頂級(jí)的HTML元素，每個(gè)元素都有其對(duì)應(yīng)的父級(jí)元素，每一個(gè)父級(jí)元素的CSS屬性值都可以被應(yīng)用到它的子元素中去。

舉個(gè)栗子，H1標(biāo)簽包含著一個(gè)EM標(biāo)簽：

EM就是H1標(biāo)簽的子元素，任何H1中繼承的CSS屬性值會(huì)自動(dòng)在EM標(biāo)簽中生效，比如：

CSS Code復(fù)制內(nèi)容到剪貼板

1. h2{font-size: 120%;}  

由于font-size是默認(rèn)繼承的CSS屬性，"很大的"字體也會(huì)和H1一樣，被放大到120%。
如何使用CSS繼承

最簡(jiǎn)單的方法就是知道CSS所有屬性中那些是默認(rèn)被繼承的，如果這個(gè)屬性被繼承，就會(huì)知道它會(huì)在元素所有子元素中生效。

我們經(jīng)常在非常頂級(jí)的元素上定義基礎(chǔ)樣式，比如BODY標(biāo)簽，如果在body中設(shè)置字體，因?yàn)槔^承，文檔中所有元素都會(huì)應(yīng)用這個(gè)字體：

CSS Code復(fù)制內(nèi)容到剪貼板

1. h2{font-size: 120%;}  

使用「inherit」值

每個(gè)CSS屬性的值都包括inherit，屬性被定義這個(gè)值后，即使這個(gè)屬性不是默認(rèn)繼承，也會(huì)應(yīng)用父級(jí)元素這個(gè)CSS屬性的值，比如：

CSS Code復(fù)制內(nèi)容到剪貼板

1. body { margin: 1em; }   

2. p { margin: inherit; }  

繼承使用計(jì)算值（Computed Values）

計(jì)算值指的是這個(gè)值相對(duì)于網(wǎng)頁(yè)中其他值來(lái)定義，這個(gè)對(duì)于繼承屬性尤其重要。如果在body中定義font-size:1em，文檔中所有元素字體大小并不都是1em，這是因?yàn)橄馠1-H6這類元素的font-size的值是相對(duì)大小。H1默認(rèn)是網(wǎng)頁(yè)中字體最大的元素，當(dāng)設(shè)置body元素字體大小時(shí)，H1-H6會(huì)根據(jù)這個(gè)「平均」大小的字體計(jì)算實(shí)際的字體大小。

再舉一個(gè)例子：

按照之前所述，font-size是默認(rèn)被繼承的CSS屬性，然而span字體的大小并不是p的80%，而是和p一樣大，正是因?yàn)槔^承使用的是計(jì)算值，如果p的父級(jí)元素的字體大小為30px，p的字體大小計(jì)算值為24px，span繼承的則是24px，而不是80%。

更多關(guān)于計(jì)算值可以閱讀CSS Computed Value。
background被「繼承」

查看backgruound屬性，會(huì)看到它的繼承性是no，也就是默認(rèn)不被繼承的。但是瀏覽器依舊默認(rèn)「繼承」了這個(gè)屬性，比如寫這么一段：

“很大的”依舊有了黃色的背景，這是因?yàn)閎ackground屬性的初始值（initial value）是transparent（透明），所以看到的黃色背景其實(shí)是h2標(biāo)簽的背景。

感謝各位的閱讀，以上就是“CSS中的繼承是什么”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS中的繼承是什么這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！