1. Outline

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

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

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

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

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

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

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

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

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

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

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

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

這里有個示例：
 

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表