當前位置:首頁 >> 站長天地 >> 網頁制作 >> 內容

CSS繼承---深入剖析(2)

時間:2008-10-6 10:50:00 欄目:網頁制作 點擊: 來源:不詳

 [網頁制作]-本文簡要:在CSS中,繼承是一種非常自然的行為,我們甚至不需要考慮是否能夠這樣去做,但是繼承也有其局限性。  首先,有些屬性是不能繼承的。這沒有任何原因,只是因為它就是這么設置的,標準就是如此。舉個例子來說:border屬性,大家都明白border屬性的作用是設置元素的邊框的,它就沒有繼承性。如果繼承了邊框屬...
D6電腦網 (d6pc.com): CSS繼承---深入剖析(2)-網頁制作
   在CSS中,繼承是一種非常自然的行為,我們甚至不需要考慮是否能夠這樣去做,但是繼承也有其局限性。

  首先,有些屬性是不能繼承的。這沒有任何原因,只是因為它就是這么設置的,標準就是如此。舉個例子來說:border屬性,大家都明白border屬性的作用是設置元素的邊框的,它就沒有繼承性。如果繼承了邊框屬性,那么文檔看起來就會很奇怪。例如我們定義容器div的邊框為1px,而在此容器內的ul li在正常情況下我們都不希望它有邊框,如果border有繼承性,我們就要再去掉它們的邊框。這樣顯然是不合理的。

  多數邊框類的屬性,如:Border(邊框)、Padding(補白)、Margin(邊界)、背景等等,都是沒有繼承性的。

  在某些時候繼承也會帶來一些錯誤,比如說下面這條CSS定義:

  Body{color:blue}

  這是定義了Body中的文本顏色為藍色。如果Body中含有表格,在有些瀏覽器中這句定義會使除表格之外的文本變成藍色,而表格內部的文本顏色并不是藍色。從技術上來說,這是不正確的,但是它確實存在。所以我們經常需要借助于某些技巧,比如將CSS定義成這樣:

  Body,table,th,td{color:blue}

  這樣表格內的文字也會變成藍色了。


Tags:繼承 


D6電腦網|電腦學習,電腦維修,電腦技術網;
設電腦學習,電腦入門,電腦技術,電腦教程,電腦維修,硬件知識,
網頁設計建站,桌面壁紙,主題下載,WIN7下載,常用軟件下載等欄目。感謝您的支持!
欄目:網頁制作 作者:佚名 來源:不詳
共有評論 0相關評論
發表我的評論
  • 大名:
  • 內容:
本類推薦
  • 沒有
本類固頂
  • 沒有
網友推薦
鏈接申請
  • D6電腦網(www.pecqso.live) © 2019 版權所有 All Rights Reserved.
  • 本站為純技術學習交流型網站,部分資源來源網絡,僅供學習交流,版權歸原作者,本站僅為轉載,如有侵犯您的利益請聯系我們刪除.謝謝!
    關于D6電腦學習網 廣告合作 [email protected] 聯系站長 網站地圖 粵ICP備09035016號
  • 擺脫淺薄和低俗的最好辦法就是學習,我們加油!D6PC! V3.0
  • 鹿鼎记送彩金