CSS的inherit與auto流量分析

通常是一個很小的數值，經過層層放大歪曲後，整個布局就走形了。CSS是一門很簡單的語言，易學易用，但也最容易出垃圾代碼。這是沒有深入研究這門語言所致。本人認為，CSS是由以下三大塊構成的：預設值，繼承系統與加權系統。預設值，也就是瀏覽器在使用者沒有設定屬性的情況下，預設指定的屬性。CSS架構基本都有一個叫reset.css 的檔案，就是對其進行重設，消除各瀏覽器的差異的。繼承系統就是下面要重點討論的東西。加權系統，也就是優先順序的問題，不在本文的討論範疇，不說了。另，這三個東西都面臨著IE Bug的侵襲，危害甚大，自己另行了斷吧（笑）。

在CSS中，許多屬性都是可以繼承的，如某個段落的字型設定為白色，其元素的字型不用設定或設定為inhert，它就是白色。這些屬性被稱之為inherited property，它會從父元素擷取對應屬性的經過計算與轉換的值(computed value)，如果父元素和它的情形一樣，它就繼續往上找，最後沒有就使用瀏覽器的預設值。

下面是 inherited properties的一覽表： 複製代碼 代碼如下:border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font
font-family
font-stretch
font-size
font-size-adjust
font-style
font-variant
font-weight
letter-spacing
line-height
list-style
opacity
list-style-image
list-style-type
quotes
text-align
text-indent
text-transform
white-space
word-spacing

dir="ltr" lang="zh-CN">

父元素

子項目