ホームページ >ウェブフロントエンド >CSSチュートリアル >ダブルテーブルメソッド呼び出しスタイルシート_CSS/HTML

ダブルテーブルメソッド呼び出しスタイルシート_CSS/HTML

WBOY
WBOYオリジナル
2016-05-16 12:12:151425ブラウズ

Web標準を利用してWebサイトをデザインする場合、XHTML+CSSを利用した移行方法が主流であり、CSSスタイルシートは必須です。これには、すべての Web デザイナーが CSS に習熟していることが必要です。これまでに CSS を使用したことがない場合は、今すぐ学習を始めてください。 Web標準に準拠したWebサイトを作成するには、CSSの知識がなければ美しいページをデザインすることはできません。

実際には、すべての式を CSS で実装する必要があります。以前は位置決めとレイアウトにテーブルを使用していましたが、現在は位置決めとレイアウトに DIV を使用する必要があります。これは考え方の変化ですが、最初は少し違和感があります。ハハ、どんな変化にも抵抗はあるでしょう。標準によってもたらされる「利点」を享受するには、古い伝統的な慣習をいくつか放棄する価値があります。

外部からスタイル シートを呼び出す

これまでは、通常、次の 2 つの方法でスタイル シートを使用していました。

ページ内メソッド: ページのコード ヘッドにスタイル シートを直接記述するエリア。次のようなもの:



外部呼び出しメソッド: スタイル シートを別の .css ファイルに記述し、次のようなコードを の先頭領域で呼び出します。ページ。



Web標準に準拠したデザインでは、ページを変更せずにページのスタイルを変更できるという利点は自明です。 .css ファイルのみを変更します。すべてのページが同じスタイル シート ファイルを呼び出す場合、1 つのスタイル シート ファイルを変更すると、すべてのファイルのスタイルが変更される可能性があります。

スタイル シートを呼び出すダブル テーブル メソッド

このページの元のコードを表示すると、スタイル シートが呼び出される次の 2 つの文があることがわかります:


@import url( css/style01.css );


理由二度書かなければなりませんか?

実際、通常の状況では、外部リンク方式 (つまり、最初の文) を使用するだけで十分です。ここで使用するダブル テーブル呼び出しは単なる例です。スタイルシートの入力には「@import」コマンドを使用します。 「@import」コマンドは、Netscape 4.0 バージョンのブラウザでは無効です。つまり、特定のエフェクトを Netscape 4.0 ブラウザでは非表示にし、4.0 以降または他のブラウザでは表示したい場合は、「@import」コマンド メソッドを使用してスタイル シートを呼び出すことができます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。