WEB標準のWebサイトデザインではXHTML+CSSを使用する方法が主流で、CSSスタイルシートは必須です。 Web標準に準拠したWebサイトを作成するには、CSSの知識がなければ美しいページをデザインすることはできません。
実際、プレゼンテーションのすべての側面は CSS で実装する必要があります。以前は位置決めとレイアウトにテーブルを使用していましたが、現在は位置決めとレイアウトに DIV を使用する必要があります。これは考え方の変化であり、標準によってもたらされる「利点」を享受するには、いくつかの古い伝統的な慣行を放棄する価値があります。
外部からのスタイルシートの呼び出し
以前は、通常、スタイル シートを次の 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」コマンド メソッドを使用してスタイル シートを呼び出すことができます。