這篇文章主要介紹“CSS里的哪些屬性是能夠被繼承的”，在日常操作中，相信很多人在CSS里的哪些屬性是能夠被繼承的問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS里的哪些屬性是能夠被繼承的”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

在我們深入探討繼承之前，有必要先理解文檔樹。所有的HTMl文檔都是樹，文檔樹由HTML元素組成,文檔樹和家族樹類似，也有祖先、后代、父親、孩子、兄弟、祖先指任意相連，但是在文檔樹上部的元素。后代指任意相連，但是在文檔樹下部的元素。

CSS的哪些屬性可以被繼承

父輩指相連并且直接在該元素上部的元素。子輩指相連并且直接在該元素下部的元素。兄弟指與其他元素共享一個父輩的元素。

除此之外還有必要先知道CSS的規(guī)則，CSS規(guī)則告訴瀏覽器如何去渲染HTML頁面上的特定元素。

1:選擇器“選擇”受此規(guī)則影響的HTML頁面上的元素。

2:聲明部分是由一對大括號以及其中任意內(nèi)容組成的容器。

3:聲明告訴瀏覽器如何去渲染頁面上被選中的元素。

4:屬性告訴你選中元素的樣式外觀。

5:值是你希望給屬性設置準確的樣式。

現(xiàn)在我們可以進入正題了。

css樣式表繼承指的是，特定的css屬性向下傳遞到后代元素為了看到繼承的實際應用，我們將使用下面的HTML代碼。

注意:em元素在p元素的內(nèi)部。

我們也使用CSS代碼。注意:em元素未指定樣式。在瀏覽器中，p元素和em元素同時變紅。但是為什么em元素會變紅?其并沒有設置顏色樣式。因為em元素繼承了p元素的顏色屬性。繼承是網(wǎng)頁開發(fā)者更加輕松，否則我們就要對所以的子孫元素指定屬性。CSS文件大小將會大大增加，變得更難創(chuàng)建與維護，同時降低了下載速度。

常見問題

是否所以的CSS屬性都可以繼承呢?

非也!并非所以的CSS屬性都支持繼承。如果每個CSS屬性都繼承，對于作者而言，反而會讓事情更糟。

開發(fā)人員需要將子孫元素不需要的CSS屬性一個一個地“關掉”。

我們可以設想下，如果默認狀態(tài)下，border屬性是可以繼承的...然后我們將border屬性應用于p元素，結(jié)果?

結(jié)果在p里面em元素也有了紅色邊框。幸運的是，邊框是非繼承的，所以em元素是沒有邊框的。通常來說，僅僅那些使我們工作輕松的屬性是繼承的。

到此，關于“CSS里的哪些屬性是能夠被繼承的”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)頁標題：CSS里的哪些屬性是能夠被繼承的-創(chuàng)新互聯(lián)
文章分享：http://weahome.cn/article/djophd.html