CSS中控制層疊的屬性是什么

這篇文章主要介紹了CSS中控制層疊的屬性是什么，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站是少有的成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、營銷型企業(yè)網(wǎng)站、微信平臺小程序開發(fā)、手機(jī)APP,開發(fā)、制作、設(shè)計、買友情鏈接、推廣優(yōu)化一站式服務(wù)網(wǎng)絡(luò)公司,從2013年開始,堅持透明化,價格低,無套路經(jīng)營理念。讓網(wǎng)頁驚喜每一位訪客多年來深受用戶好評

使用inherit關(guān)鍵字

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

假設(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。因此，它繼承了父元素的顏色。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“CSS中控制層疊的屬性是什么”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

網(wǎng)站欄目：CSS中控制層疊的屬性是什么
網(wǎng)站網(wǎng)址：http://muchs.cn/article6/gdsjog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、微信公眾號、建站公司、網(wǎng)站設(shè)計、用戶體驗、App設(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)