web設計之—css布局技巧和兼容方案—-資料下載頁
2024-10-04 17:57本頁面
【正文】 一種方法，我認為比CSS Hacks更加經(jīng)得起考驗就是采用微軟的私有屬性條件注釋(conditional ments)。用這個方法你可以給IE單獨定義一些樣式，而不影響主樣式表的定義。就象這樣：![if IE]link rel=stylesheet type=text/css href= /![endif] ：層有多大？當調(diào)試CSS發(fā)生錯誤，你就要象排版工人，逐行分析CSS代碼。我通常在出問題的層上定義一個背景顏色，這樣就能很明顯看到層占據(jù)多大空間。有些人建議用border，一般情況也是可以的，但問題是，有時候border 會增加元素的尺寸，bordertop和boederbottom會破壞縱向margin的值，所以使用background更加安全些。另外一個經(jīng)常出問題的屬性是outline。outline看起來象boeder，但不會影響元素的尺寸或者位置。只有少數(shù)瀏覽器支持outline屬性，我所知道的只有Safari、OmniWeb、和Opera。在寫CSS代碼的時候，對于縮進、斷行、空格，每個人有每個人的書寫習慣。在經(jīng)過不斷實踐后，我決定采用下面這樣的書寫樣式：selector1,selector2 {property:value。} 當使用聯(lián)合定義時，我通常將每個選擇器單獨寫一行，這樣方便在CSS文件中找到它們。在最后一個選擇器和大括號{之間加一個空格，每個定義也單獨寫一行，分號直接在屬性值后，不要加空格。我習慣在每個屬性值后面都加分號，雖然規(guī)則上允許最后一個屬性值后面可以不寫分號，但是如果你要加新樣式時容易忘記補上分號而產(chǎn)生錯誤，所以還是都加比較好。最后，關閉的大括號}單獨寫一行?？崭窈蛽Q行有助與閱讀。
環(huán)評公示相關推薦
鄂ICP備17016276號-1