CSS にインポートされた 2 つのスタイル ファイルの違いを簡単に紹介します。

この記事の内容は、2 種類の CSS インポートされたスタイル ファイルの違いを簡単に紹介するもので、必要な方は参考にしていただければ幸いです。

CSS でスタイル ファイルを導入するには、 メソッドと @import メソッドの 2 つの方法があります。この 2 つの違いを以下にまとめます。

違い 1: はスタイル ファイルだけでなく他のリソースも参照できますが、インポートではスタイル シート ファイルしか導入できません。

違い 2: JS を通じて DOM を操作し、 タグを挿入してスタイルを変更できます。 @import メソッドに関しては、DOM メソッドがドキュメントに基づいているため、JS を使用して @import を操作してスタイルを挿入することはできません。

違い 3: で導入された CSS ファイルはページが読み込まれると読み込みが開始されますが、@import で導入されたファイルはページが読み込まれるまで読み込むことができません。

違い 4: @import にはわずかな互換性の問題 (IE5+) がありますが、 には互換性の問題がありません。

違い 5: @import は Web ページまたは CSS ファイルで使用して、複数の CSS ファイルを 1 つの CSS ファイルに導入できますが、link は Web ページに CSS ファイルのみを導入できます。注: CSS ファイルで @import を使用する場合、重複する属性定義がある場合、@import によって導入された属性値は上書きされます。

関連する推奨事項:

CSS3 の 2 つのグラデーションの例

CSS の配置は何ですか? CSS配置のまとめ

CSS3アニメーションプロパティ:transformプロパティの紹介

以上がCSS にインポートされた 2 つのスタイル ファイルの違いを簡単に紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。