」を導入します。 2. stylet タグ内に、「@import」ルールを使用して、構文「@import URL(CSSファイルアドレス)」。"> CSSファイルをHTMLに導入する方法-フロントエンドQ&A-php.cn

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

青灯夜游
リリース: 2021-05-19 11:25:41
オリジナル
10555 人が閲覧しました

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

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

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

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

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

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

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

HTML ヘッダー内

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

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

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

HTML ヘッダーの

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

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

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

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

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

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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!