Web標準に基づいてWebサイトをデザインする場合、主にXHTML+CSSを使用した移行方法となり、CSSスタイルシートが必須となります。これには、すべての Web デザイナーが 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 つのスタイル シート ファイルを変更すると、すべてのファイルのスタイルが変更される可能性があります。
ダブルテーブルメソッド呼び出しスタイルシート
<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 ); >
なぜ二度も書くのでしょうか？
実際、通常の状況では、外部リンク方法 (つまり、最初の文) を使用するだけで十分です。ここで使用するダブル テーブル呼び出しは単なる例です。 @import コマンドは、スタイル シートを入力するために使用されます。 @import コマンドは Netscape 4.0 ブラウザでは無効です。つまり、特定の効果を Netscape 4.0 ブラウザでは非表示にし、4.0 以降または他のブラウザでは表示したい場合は、@import コマンド メソッドを使用してスタイル シートを呼び出すことができます。