一個很顯淺的寓言，千禧年老樹，電打雷劈，屹立不倒，卻毀於螻蟻的侵襲之下。自以為精通CSS的人，常常被一些小問題搞到頭暈腦脹。通常是一個很小的數值，經過層層放大扭曲後，整個佈局就走形了。 CSS是一門很簡單的語言，易學易用，但也最容易出垃圾程式碼。這是沒有深入研究這門語言所致。本人認為，CSS是由以下三大塊構成的：預設值，繼承系統與加權系統。預設值，也就是瀏覽器在使用者沒有設定屬性的情況下，預設指定的屬性。 CSS框架基本上都有一個叫reset.css 的文件，就是對其進行重設，消除各瀏覽器的差異的。繼承系統就是下面要重點討論的東西。加權系統，也就是優先順序的問題，不在本文的討論範疇，不說了。
在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-stretch<table> <tr> <th>Ruby</th> <th>Rouvre</th> </tr> <tr> <td>By</td> <td>司徒正美</td> </tr> </table>
table, tr, td, th {
border-collapse: collapse;
border: 1px solid #000;
}
table {
text-align: right;
}
td, th {
width: 100px;
}
table, tr, td, th {
border-collapse: collapse;
border: 1px solid #000;
}
table {
text-align: right;
}
td, th {
width: 100px;
}
th {
text-align: inherit;
}float
height
left
margin
outline
overflow
padding
topmargin-* (left|bottom|top |right|start|end)
top
bottom
left
