1. Outline

在調(diào)試CSS問題的時候，我常常在指定元素上添加border來精確的查看該元素會發(fā)生什么并幫助確定問題的來源。這常常是有效的，因為它可以在布 局上給我更加具體的可視性。但是如果是塊級元素，這可能會發(fā)生某些錯誤——在任何塊級元素上添加1px的邊框很可能會影響到布局，它會讓這個元素的寬度額 外增加2px。

outline 屬性是完美的替代者，因為它可以在不影響文檔流的情況下呈現(xiàn)該對象。但是IE6 和IE7 不支持 outline 屬性，所以，它不能在這兩個瀏覽器中用于調(diào)試。
2. Inherit (值)

在CSS開發(fā)中有很多這樣的例子：通過在特定元素上設(shè)置某些樣式來告訴該元素來“繼承”它父級元素的所有已添加的屬性，這樣你就可以避免相當(dāng)多的鍵盤輸入。

這可以通過設(shè)置 inherit 來很容易的實現(xiàn)。這可能很有用。比如，當(dāng)重寫 background 屬性的時候，常常會有很多的文字在該屬性中(色彩、圖片的URL地址、位置等)。所以，與其重新寫這些值，你可能僅僅想要考慮中的元素和其父級元素有相同 的背景屬性，一個 inherit 值就可以搞定一切——這顯然大大的節(jié)省了鍵盤輸入。

不幸的是， inherit 值在IE6和IE7不被支持（除了用于 direction (文字方向) 和 visibility 屬性）。

某人說，代碼就像女人的裙子——越短越好，看來IE會阻礙我們這個愿望的實現(xiàn)。
3. Empty-Cells

該屬性只用于table或者”display”屬性被設(shè)置為”table-cell”的元素。如果你動態(tài)的為一個table添加內(nèi)容，就可能會遇到某個單元格的內(nèi)容為空的情況，然后你又不希望這個空的單元格的邊框、背景色、背景圖片等隱藏掉。

使用”empty-cells: hide”就能解決這個問題，它會將可能出現(xiàn)這種情況的單元格完全隱藏掉。

Internet Explorer 不支持empty-cells屬性。
4. Caption-Side

說到table 的屬性，這個屬性用于聲明顯示在表格的側(cè)欄的表格標(biāo)題。它接受 top 、 bottom 、 left 和 right 四個值。Internet Exporer 不支持這個屬性，table的標(biāo)題在IE6和IE7中將總是出現(xiàn)在表格的頂部。
5. Counter-Increment / Counter-Reset

有序列表(<ol>)非常方便，因為它可以省去你手工添加遞增數(shù)字的麻煩，而且它允許你不用更改數(shù)字就能改變列表的序列。

CSS 擁有 counter-increment 和 counter-reset 屬性，它允許你用來自動生成遞增數(shù)字到幾乎所有的html元素上，就像有序列表的效果一樣。

這里有個示例：
 

CSS Code復(fù)制內(nèi)容到剪貼板

h2 {countercounter-increment: headers;}   
h2:before {content: counter(headers) ". ";}