HTMLで外部CSSを呼び出す方法

呼び出し方法: 1. ステートメント "0214eeba0e884b6d40f4bedcfb24fef7"; を使用します。 2. " @import url ( CSS ファイルのパス アドレス)」ステートメント呼び出し。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

#HTML が外部 CSS を呼び出す方法は 2 つあります

#リンク スタイル -- 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用します
インポート タイプ -- @import ルール タグを使用します

1. リンク タイプ

b9ca52a15afcef7b2828d43adf2dc1bd タグ ペアの 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して外部スタイル シート ファイルを導入し、HTML ルールを使用して外部 CSS を導入します。

構文:

<link rel="stylesheet" href="css文件路径" type="text/css" />

2cdf5bf648cf2f33323966d7f58a7f3f タグは、ドキュメントと外部リソース間の関係を定義します。2cdf5bf648cf2f33323966d7f58a7f3f タグの最も一般的な使用法は、スタイル シートをリンクすることです。

2. インポートされた

CSS @import ルールは、他のスタイル シートからスタイル ルールをインポートするために使用されます。これらのルールは他のすべてのタイプのルールよりも前に置く必要があり、条件付きグループのルールでは @import を使用できません。

#独立した .css ファイルを HTML ファイルに導入し、css @import ルールを使用して外部 CSS ファイルを導入し、93f0f5c25f18dab9d176bd4f6de5d30e タグの c9ccee2e6ea535a969eb3f532ad9fe89 タグに記述します

構文:

<style type="text/css">
@import url(CSS文件路径地址);
</style>

リンク メソッドとインポート メソッドを比較します

リンク メソッド (以下のリンクに置き換えられます) とインポート メソッド (以下の @import に置き換えられます) ) どちらも外部 CSS ファイルを導入する方法なので、以下でこれら 2 つの方法を比較してみましょう。

link は HTML に属し、外部ファイルは 2cdf5bf648cf2f33323966d7f58a7f3f タグの href 属性によって導入されますが、@import は CSS に属するため、import ステートメントは CSS で記述する必要があります。 import ステートメントは表の先頭のスタイルで記述する必要があります。そうしないと、外部ファイルを正しくインポートできません。

@import は CSS2.1 でのみ登場した概念なので、ブラウザのバージョンが低い場合は、 、外部スタイル ファイルは正しくインポートできません;

When HTML ファイルがロードされると、link によって参照されるファイルは同時にロードされますが、@import によって参照されるファイルはページが完全にインポートされるまで待機します。ロードされる前にダウンロード;

推奨チュートリアル: 「

html ビデオ チュートリアル

》

以上がHTMLで外部CSSを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。