link と @import の違いは何ですか?

hzc
リリース: 2020-06-24 17:13:43
オリジナル
3186 人が閲覧しました

link と @import の違いは次のとおりです: 1. @import は CSS によって提供される構文規則であり、スタイル シートのみをインポートできます. Link は HTML によって提供されるタグです. CSS ファイルを読み込むだけでなく、 RSS、rel 接続属性なども定義します; 2. @import は CSS2.1 でのみ使用できる構文です。

link と @import の違いは何ですか?

#1. 所属の違い

@import は CSS が提供する構文規則で、スタイルシートをインポートする機能のみを持ちます。 HTML によって提供されます。 タグは CSS ファイルを読み込むだけでなく、RSS、rel 接続属性などを定義することもできます。

2. 読み込み順序の違い

ページ読み込み時にlinkタグで導入されたCSSも同時に読み込まれますが、@importで導入されたCSSはページの後に読み込まれます。ロードされています。

3. 互換性の違い

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

4. DOM 制御性の違い

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

推奨チュートリアル:「css チュートリアル

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

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