スタイルシートの設定（別ファイルを読み込む場合@import）

■動作ブラウザ　【 IE:3.0　 NN:4.0　 Safari:1.0】　■CSSバージョン【1】
Internet Explorer Netscape Navigator Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 7.x 2.x 1.x
Windows ○ ○ - ○ ○ ○ × × × × ○ ○ ○ - -
Macintosh × ○ ○ ○ - - × × × × ○ ○ ○ × ○
UNIX - - - - - - × × × × ○ ○ ○ - -

ポイント @import url(ファイル名)
説　　明 別ファイルにあるスタイルシートは@import url()を使ってファイルへのパスを指定します。@import:url()として:（コロン）を指定するとMac版Internet Explorerのみファイルを読み込みます。
サンプル <html>
<head>
<title>スタイルシートの設定</title>
<style type="text/css"><!--
@import url(common.css);
--></style>
</head>
<body>
<h1>スタイルシートの設定</h1>
<div class="mainBody">
　スタイルシートを使ってページの見た目（装飾）を設定します。
</div>
</body>
</html>
補足説明 common.cssファイルの内容は以下のようになっています。

h1 { font-size:14pt;
color:red;
background-color:#e0e0ff;
width:320px;
}
.mainBody {
background-color:#eef;
border:1px solid gray;
width:320px;
}

■サンプルを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!