以前は、通常、スタイル シートを次の 2 つの方法で使用していました。
ページインライン方式:ページコードの先頭領域にスタイルシートを直接記述する。次のようなもの:
<style type="text/css"> <!-- 本文 { 背景 : 白 } --> </style> ;
外部呼び出し方法: スタイル シートを別の .css ファイルに記述し、ページの先頭領域で次のようなコードで呼び出します。
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
Web 標準に準拠したデザインでは、外部呼び出しメソッドを使用します。その利点は、ページを変更せずに、.css ファイルを変更するだけで変更できることは明らかです。すべてのページが同じスタイル シート ファイルを呼び出す場合、1 つのスタイル シート ファイルを変更すると、すべてのファイルのスタイルが変更される可能性があります。
ダブルテーブルメソッド呼び出しスタイルシート
一部の標準準拠サイトの元のコードを見ると、スタイル シートが呼び出される次の 2 つの文が表示される場合があります。
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @import url( css/style01.css );</style>
なぜ二度も書くのでしょうか?
実際、通常の状況では、外部リンク方法 (つまり、最初の文) を使用するだけで十分です。ここで使用するダブルテーブル呼び出しは単なる例です。スタイルシートの入力には「@import」コマンドを使用します。 「@import」コマンドは、Netscape 4.0 ブラウザでは無効です。つまり、特定のエフェクトを Netscape 4.0 ブラウザでは非表示にし、4.0 以降または他のブラウザでは表示したい場合は、「@import」コマンド メソッドを使用してスタイル シートを呼び出すことができます。