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

王林
リリース: 2020-11-16 14:21:06
オリジナル
4445 人が閲覧しました

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

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

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

(学習ビデオの推奨:

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

外部連鎖スタイル

ログイン後にコピー

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

@import "css/test.css";
ログイン後にコピー

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

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

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

関連する推奨事項:

CSS チュートリアル

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

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