十五、導入(Import)和隱藏CSS
因為老版本浏覽器不支持CSS，一個通常的做法是使用@import技巧來把CSS隱藏起來。例如：
@importurl(\"main.CSS\");
然而，這個方法對IE4不起作用，這讓我很是頭疼了一陣子。後來我用這樣的寫法：
@import\"main.CSS\";
這樣就可以在IE4中也隱藏CSS了，呵呵，還節省了5個字節呢。想了解@import語法的詳細說明，可以看這裡《centricle’sCSSfilterchart》
十六、針對IE的優化
有些時候，你需要對IE浏覽器的bug定義一些特別的規則，這裡有太多的CSS技巧(hacks)，我只使用其中的兩種方法，不管微軟在即將發布的IE7beta版裡是否更好的支持CSS，這兩種方法都是最安全的。
1.注釋的方法
(a)在IE中隱藏一個CSS定義，你可以使用子選擇器(childselector):
Html>bodyp{
/*定義內容*/
}
(b)下面這個寫法只有IE浏覽器可以理解(對其他浏覽器都隱藏)
*Htmlp{
/*declarations*/
}
(c)還有些時候，你希望IE/Win有效而IE/Mac隱藏，你可以使用\"反斜線\"技巧：
/*\\*/
*Htmlp{
declarations
}
/**/
2.條件注釋(conditionalcomments)的方法
另外一種方法，我認為比CSS Hacks更加經得起考驗就是采用微軟的私有屬性條件注釋(conditionalcomments)。用這個方法你可以給IE單獨定義一些樣式，而不影響主樣式表的定義。就象這樣：
ExampleSourceCode<!--[ifIE]>
- <linkrellinkrel=\"stylesheet\"type=\"text/CSS\"href=\"IE.CSS\"/>
- <![endif]-->
十七、調試技巧：層有多大？
當調試CSS發生錯誤，你就要象排版工人，逐行分析CSS代碼。我通常在出問題的層上定義一個背景顏色，這樣就能很明顯看到層占據多大空間。有些人建議用border，一般情況也是可以的，但問題是，有時候border會增加元素的尺寸，border-top和boeder-bottom會破壞縱向margin的值，所以使用background更加安全些。
另外一個經常出問題的屬性是outline。outline看起來象boeder，但不會影響元素的尺寸或者位置。只有少數浏覽器支持outline屬性，我所知道的只有Safari、OmniWeb、和Opera。
十八、CSS代碼書寫樣式
在寫CSS代碼的時候，對於縮進、斷行、空格，每個人有每個人的書寫習慣。在經過不斷實踐後，我決定采用下面這樣的書寫樣式：
ExampleSourceCode
- selector1,
- selector2{
- property:value;
- }
當使用聯合定義時，我通常將每個選擇器單獨寫一行，這樣方便在CSS文件中找到它們。在最後一個選擇器和大括號{之間加一個空格，每個定義也單獨寫一行，分號直接在屬性值後，不要加空格。
我習慣在每個屬性值後面都加分號，雖然規則上允許最後一個屬性值後面可以不寫分號，但是如果你要加新樣式時容易忘記補上分號而產生錯誤，所以還是都加比較好。
最後，關閉的大括號}單獨寫一行。空格和換行將有助於閱讀。
【編輯推薦】