最近のCSSの書き方

IE5を気にするとき、IE5.5を気にするとき、IE6以上で良いときで使い分ける。

HTML

<link rel="stylesheet" type="text/css" href="styles.css" media="all">

styles.css

@import url("all.css"); /*全体的なレイアウトの調整。フォントサイズとリンク色とか。IE4も読ませる*/

/*以下はIE6+向けのとき。中身は@mediaで絞る*/
@import "screen.css"/**/;
@import "screen_each.css"/**/;
@import "print.css"/**/;
/*IE5.5+*/
@import /**/"screen.css";
/*IE5+*/
@import "screen.css";

/*ハック用コード用*/
@import url\ ("ie60+.css"); /* IE6と7の区別を内部でつける必要がある */
@import/**/"ie55.css";
_@import "ie50.css";

他のハック用コード

* html { /* IE6 */ }
*+html { /* IE7 */ }
E {
  *property:value; /*IE*/
  _property:value; /*IE6*/
}