十六、針對IE的優(yōu)化
有些時候，你需要對IE瀏覽器的bug定義一些特別的規(guī)則，這里有太多的CSS技巧(hacks)，我只使用其中的兩種方法，不管微軟在即將發(fā)布的IE7 beta版里是否更好的支持CSS，這兩種方法都是最安全的。
1.注釋的方法
(a)在IE中隱藏一個CSS定義，你可以使用子選擇器 (child selector):
html>body p {
}
(b)下面這個寫法只有IE瀏覽器可以理解(對其他瀏覽器都 隱藏)
* html p {
// declarations //
}
(c)還有些時候，你希望IE/Win有效而IE/Mac隱藏，你可以使用反斜線技巧：
// //
* html p {
declarations
}
// //
-------------------------------------------------
2.條件注釋 (conditional comments)的方法
另外一種方法，我認為比CSS Hacks更加經(jīng)得起考驗就是采用微軟的私有屬性條件注釋(conditional comments)。用這個方法你可以給IE單獨定義一些樣式，而不影響主樣式表的定義。就象這樣：
undefined
-------------------------------------------------
十七、調(diào)試技巧：層有多大？
當調(diào)試CSS發(fā)生錯誤，你就要象排版工人，逐行分析CSS代碼。我通常在出問題的層上定義一個背景顏色，這樣就能很明顯看到層占據(jù)多大空間。有些人建議用 border，一般情況也是可以的，但問題是，有時候border 會增加元素的尺寸，border-top和boeder-bottom會破壞縱向margin的值，所以使用background更加安全些。
另外一個經(jīng)常出問題的屬性是outline。outline 看起來象boeder，但不會影響元素的尺寸或者位置。只有少數(shù)瀏覽器支持outline屬性，我所知道的只有Safari、OmniWeb、和 Opera。
-------------------------------------------------
十八、CSS代碼書寫樣式
在寫CSS代碼的時候，對于縮進、斷行、空格，每個人有每個人的書寫習慣。在經(jīng)過不斷實踐后，我決定采用下面這樣的書寫樣式：
selector1,
selector2
{property:value; }
當使用聯(lián)合定義時，我通常將每個選擇器單獨寫一行，這樣方便在CSS文件中找到它們。在最后一個選擇器和大括號{之間加一個空格，每個定義也單獨寫一行，分號直接在屬性值后，不要加空格。
我習慣在每個屬性值后面都加分號，雖然規(guī)則上允許最后一個屬性值后面可以不寫分號，但是如果你要加新樣式時容易忘記補上分號而產(chǎn)生錯誤，所以還是都加比較好。
最后，關(guān)閉的大括號}單獨寫一行，空格和換行有助與閱讀。
本文導航
- 第1頁: 首頁
- 第2頁: 使用子選擇器
- 第3頁: 針對IE的優(yōu)化
喜歡 
頂
難過
囧
圍觀
無聊
