ホームページ > ウェブフロントエンド > CSSチュートリアル > link と @import の違いについての簡単な説明

link と @import の違いについての簡単な説明

一个新手
リリース: 2017-09-25 10:15:45
オリジナル
1591 人が閲覧しました

cssの運用では、外部からCSSを導入する方法としてlink@importの2つの方法があります。

2 つの方法の違いと結論は次のとおりです:

違い:

1. 読み込みシーケンス
ページを読み込むときに、リンク によって紹介されましたタグ CSS ファイルは同時にロードされます @import が導入されました。 CSS ファイルは、ページの読み込みが完了した後に読み込まれます。

2. 互換性
link タグは次のとおりです。 HTML 要素、互換性の問題はありません @import はい この構文は CSS2.1 でのみ使用できるため、IE5 以降でのみ認識できます。

3.linkはロードできるラベルです CSS ファイルでは、RSS、rel 接続属性などを定義することもできます。 @import は文法規則であり、スタイル シート のみをインポートできます。

4. DOM 操作を使用してスタイルを挿入および変更できるかどうか。
JS を介して DOM を操作することで、link タグを挿入してスタイルを変更できますが、@import は DOM メソッドを使用してスタイルを挿入することはできません。

結論:

link タグを使用し、@import タグを慎重に使用することを強くお勧めします。

これにより、@import がリソース ファイルのダウンロード順序の混乱や過剰な HTTP リクエストを引き起こすことを回避できます。

以上がlink と @import の違いについての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート