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

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

使用inherit關(guān)鍵字

有時，我們想用繼承代替一個層疊值。這時候可以用 inherit  關(guān)鍵字。可以用它來覆蓋另一個值，這樣該元素就會繼承其父元素的值。

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

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

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

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

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

到此，相信大家對“怎么使用CSS中用于控制層疊的inherit和initial”有了更深的了解，不妨來實際操作一番吧！這里是創(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://aaarwkj.com/article16/jjjhdg.html

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

廣告

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