CSS繼承性之深入剖析(1)_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        
        CSS的繼續是指被包在內部的標簽將擁有外部標簽的樣式性質。繼續特性最典型的應用通常發揮在整個網頁的樣式預設,即整體布局聲明。而需要要指定為其它樣式的部份設定在個別元素里即可達到效果。這項特性可以給網頁設計者提供更理想的發揮空間。但同時繼續也有很多規則,應用的時候輕易讓人迷惑。

        CSS答應我們為文檔設置更為豐富且便于修改的外觀。我們現在主要想和朋友們一起對CSS的繼續性進行一點深入的探討。

        CSS的一個主要特征就是繼續,它是依靠于祖先—后代的關系的。繼續是一種機制,它答應樣式不僅可以應用于某個特定的元素,還可以應用于它的后代。例如一個BODY定義了的顏色值也會應用到段落的文本中。下面舉例說明:

      示例代碼 [www.wf0088.com]
        樣式定義:body{color:blue;}
        應用舉例代碼:<p>CSS<strong>繼續性</strong>之深入剖析 - mb5u.com</p>

        看下面的這個例子:

      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

        運行上面的代碼,我們看到的結果是:“CSS繼續性之深入剖析”這段話是藍色。“繼續性”由于應用了strong元素,所以是粗體。這很符合作者的意圖,也是為什么CSS繼續了一部分的原因。

        在實際工作中,我們編寫代碼,往往在CSS文檔的最前部,首先定義:

      示例代碼 [www.wf0088.com]
          *{margin: 0; padding: 0; border: 0;}

        這些代碼的真正用意在于,在缺省定義的情況下,所有無素的margin、padding、border的值都為零。當需要應用不同的樣式的時候,再單獨的對某元素進行定義即可。也就是整個網頁的樣式預設、整體布局聲明。而需要指定為其它樣式的部份設定在個別元素里即可達到效果。
        

      來源:無憂整理//所屬分類:CSS教程/更新時間:2007-01-23
      相關CSS教程