此外還有一些CSS屬性是不能繼承的,最經典如border系列。它被稱之為non-inherited property,如果我們不為它設置,我們只能取得瀏覽器的默認值,默認值在火狐中被稱之為 initial value 。一個相關的好消息是,默認值在火狐也可以指定了,這樣我們就不用reset樣式了! 下面是non-inherited property的一覽表: background border bottom clear display float height left margin outline overflow padding position right top visibility width z-index
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執行]
我們給父元素設置了背景顏色,沒有設置子元素的,這時會取得瀏覽器的默認值transparent(W3C那一方好像只要是顏色都會轉換為rgb格式,多出的a為Alpha) http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css http://elizabethcastro.com/html/extras/cssref.html 接著我們來看auto,這是一個含糊不清但是有長度概念的值。應用于以下屬性: overflow cursor height width marker-offset margin margin-* (left|bottom|top|right|start|end) top bottom left right table-layout z-index -moz-column-width languages 在塊級元素的可度量的屬性中(如width,height),如果不設置值,其默認值是auto,但它很容易會被父級元素的值覆蓋,也就是隱式地成為了inhert了。在內聯元素中,由于不具備盒子模型,如果不設置,就算是火狐也原本奉還它,這對于精確計算元素的寬度與高度是非常不利的。auto還有對稱性,這個在居中布局我們常常運用到它。在非度量的屬性中,如overflow,就要具體情況具體分析了。 PS:此文為http://m.survivalescaperooms.com/article/21718.htm做準備。