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

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

使用inherit關鍵字

有時，我們想用繼承代替一個層疊值。這時候可以用 inherit  關鍵字?？梢杂盟鼇砀采w另一個值，這樣該元素就會繼承其父元素的值。

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

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

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

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

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

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

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

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

廣告

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