ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS 外部リンクとインポートされた CSS の違いは何ですか

CSS 外部リンクとインポートされた CSS の違いは何ですか

王林
王林オリジナル
2020-11-16 14:21:064585ブラウズ

外部リンク タイプとインポート タイプの CSS の違いは次のとおりです。外部リンク タイプは最初に CSS レイアウト ファイルを Web ページ ファイルにロードしますが、インポート タイプは最初に Web ページ ファイルをロードしてから、レイアウトファイル。インポートを使用すると、CSS レイアウト ファイルを指す Web ページ ファイルが多すぎるのを避けることができます。

CSS 外部リンクとインポートされた CSS の違いは何ですか

#差異分析は次のとおりです:

(学習ビデオの推奨:

css ビデオ チュートリアル)

外部連鎖スタイル

<link rel="stylesheet" href="css/test.css">

インポートされたスタイル

@import "css/test.css";

両方の初期結果は同じで、独立したCSSファイルをWebページファイルに導入します。

しかし、この 2 つにはまだ微妙な違いがあります。リンクは最初に CSS レイアウト ファイルを Web ページ ファイルにロードするため、ネットワーク速度がどんなに遅くても、最終的な Web ページの効果は同じになります。 @import は最初に Web ページ ファイルを読み込み、次にレイアウト ファイルを読み込みます。このときネットワーク速度が遅すぎると、レイアウトのない Web ページ効果が最初に表示され、見栄えが悪くなります。

ただし、スタイルをインポートすると、CSS レイアウト ファイルを指す Web ページ ファイルが多すぎることを回避できます。リンクを使用する場合、1 つのレイアウト ファイルを同時に使用する Web ページ ファイルが多すぎるため、速度が低下する可能性があります。ただし、適切なハードドライブを使用すれば、基本的にこの状況は発生しません。

関連する推奨事項:

CSS チュートリアル

以上がCSS 外部リンクとインポートされた CSS の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

関連記事

続きを見る