本篇內(nèi)容主要講解“怎么使用CSS中用于控制層疊的inherit和initial”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么使用CSS中用于控制層疊的inherit和initial”吧!

10年積累的網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有松滋免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

使用inherit關(guān)鍵字

有時(shí)，我們想用繼承代替一個(gè)層疊值。這時(shí)候可以用 inherit  關(guān)鍵字?？梢杂盟鼇?lái)覆蓋另一個(gè)值，這樣該元素就會(huì)繼承其父元素的值。

假設(shè)我們要給網(wǎng)頁(yè)加上一個(gè)淺灰色的頁(yè)腳。在頁(yè)腳上有一些鏈接，但我們不希望這些鏈接太顯眼，因?yàn)轫?yè)腳不是網(wǎng)頁(yè)的重點(diǎn)。因此要將頁(yè)腳的鏈接變成深灰色(如圖下圖)。

繼承了灰色文本顏色的 “Terms of use” 鏈接

通常我們會(huì)給網(wǎng)頁(yè)的所有鏈接加上一個(gè)字體顏色(如果不加的話，就會(huì)以用戶代理樣式為準(zhǔn))。這個(gè)顏色也會(huì)作用于頁(yè)腳的“Terms of  use”鏈接。為了讓頁(yè)腳的鏈接變成灰色，需要覆蓋顏色值。將下列代碼添加到你的樣式表。

a:link{                     /* (一下3行)全局的網(wǎng)頁(yè)鏈接顏色 */   color: blue; } ... .footer{   color: #666;      /* 頁(yè)腳的文本設(shè)置位灰色 */   background-color: #ccc;   padding: 15px 0;   text-align: center;   font-size: 14px; } .footer a{   color: inherit;   /* 從頁(yè)腳繼承文本顏色 */   text-decoration: underline; }

第三個(gè)規(guī)則集覆蓋了藍(lán)色的鏈接色，讓頁(yè)腳鏈接的層疊值為 inherit。因此，它繼承了父元素的顏色。

到此，相信大家對(duì)“怎么使用CSS中用于控制層疊的inherit和initial”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)站題目：怎么使用CSS中用于控制層疊的inherit和initial
標(biāo)題網(wǎng)址：http://www.yijiale78.com/article16/jjjhdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、軟件開(kāi)發(fā)、網(wǎng)站內(nèi)鏈、網(wǎng)站收錄、電子商務(wù)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)