CSSファイルをHTMLに導入する方法

導入方法: 1. link タグを使用して導入します。構文は ""; 2. stylet タグ内で、 「@import」ルールの紹介、「@import url（cssファイルアドレス）」という構文。

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

htmlCSS ファイルを導入するには 2 つの方法があります:

• リンク タグを使用して外部 CSS ファイルを参照する (リンク メソッド)

• @import を使用して外部 CSS ファイルを参照する (インポート方法)

1. リンク タグを使用します

HTML ヘッダー内

タグ内の タグを使用して、外部 CSS ファイルを導入します

#2. @import ルールを使用します

HTML ヘッダーの

タグの タグで、CSS @import ルールを使用して外部 CSS ファイルを導入します

リンク メソッドとインポート メソッドを比較してください

リンク メソッド (以下のリンクに置き換えられます) とインポート メソッド (以下の @import に置き換えられます) は両方とも外部 CSS ファイルを導入する方法です。以下の 2 つの方法です。

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

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

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

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSSファイルをHTMLに導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。