仕事が休みの日に週一でcssの講座を受けに行くことになったので、まとめを記しておきたいと思います。
最近の仕事はコーディングが多いですが、まだまだだな～と思うことが多いのでまだまだ勉強勉強です。。。
まずブラウザ毎の表示の設定。
<!-- for legacy browser -->
<link rel="stylesheet" type="text/css" href="shared/css/legacy.css" />
<!-- for modern browser -->
<link rel="stylesheet" type="text/css" href="shared/css/modern.css" media="screen,print" />
この記述でまず、legacy.cssを読み込みます。legacy.cssは空のcssでモダンブラウザ以外はこのcssを適用させ、ｃｓｓ非対応にします。
また、NetScapeはmodern.cssのmedia属性をscreen以外、または複数にすることで適用されません。
------ここまででまずNetScapeを排除------------------------------------------------------------
続いてmodern.cssの内容は以下。
/* hide win IE3-4, mac IE4 */
@import "default.css";
@import をこの記述にすることによってwin IE3-4, mac IE4 はdefault.cssを読み込むことができません。
------ここまででまずwin IE3-4, mac IE4 を排除----------------------------------------------------
続いてdefault.cssの内容は以下になります。
/* hide mac IE 4.5 */
@import url("reset.css");
@import url("tools.css");
@import url("hideAnchor.css");
@import url("layout.css");
@import url("designContents.css");
@import をこの記述にすることによってmac IE 4.5はdefault.cssを読み込むことができません。
------mac IE 4.5を排除------------------------------------------------------------------------
cssの読み込みの設定は以上です。
次回に続きます。
