」を導入します。 2. stylet タグ内に、「@import」ルールを使用して、構文「@import URL(CSSファイルアドレス)」。">
導入方法: 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 ヘッダーの
タグのリンク メソッドとインポート メソッドを比較してください
リンク メソッド (以下のリンクに置き換えられます) とインポート メソッド (以下の @import に置き換えられます) は両方とも外部 CSS ファイルを導入する方法です。以下の 2 つの方法です。
link は HTML に属し、外部ファイルはタグの href 属性によって導入されますが、@import は CSS に属するため、import ステートメントは CSS で記述する必要があります。 import ステートメントは表の先頭のスタイルで記述する必要があります。そうしないと、外部ファイルを正しくインポートできません。
@import は CSS2.1 でのみ登場した概念なので、ブラウザのバージョンが低い場合は、 、外部スタイル ファイルは正しくインポートできません;
When HTML ファイルがロードされると、link によって参照されるファイルは同時にロードされますが、@import によって参照されるファイルはページが完全にインポートされるまで待機します。ロードされる前にダウンロード;
(学習ビデオ共有:css ビデオ チュートリアル)
以上がCSSファイルをHTMLに導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。