CSSリンクと@import_html/css_WEB-ITnoseの違い

CSS における link と @import の違い:

タグと @import はどちらも外部スタイル シートを導入できます。機能は似ていますが、タグの方が頻繁に使用されるため、ここで説明します。詳しい紹介はしませんが、CSSの@importの使い方をクリックすると@importの使い方がわかります。以下にそれらの違いを簡単に紹介します。

1. @import は、同じディレクトリに 3 つのスタイル シート (main.css、one.css、two.css) をインポートできます。そして 2 つの .css。方法は次のとおりです:

@charset "utf-8";/* CSS Document */@import url("one.css");@import url("two.css");

しかし、そのような使用法はありません。

2. DOM を使用してスタイルを制御する場合の違い。 JavaScript を使用して dom を制御してスタイルを変更する場合、@import は dom によって制御できないため、link タグのみを使用できます。

3. @import は CSS2.1 で登場した概念であるため、古いバージョンのブラウザでは無効ですが、タグではこの問題は発生しません。

4. ロード順序の違い。ページが読み込まれるとき (つまり、ビューアで表示されるとき)、link によって参照される CSS は同時に読み込まれますが、@import によって参照される CSS は、ページが完全にダウンロードされるまで待ってから読み込まれます。そのため、@import が CSS をロードするページを閲覧すると、最初はスタイルが存在しないことがあります。

要約: 上記の違いから、@import の代わりにタグを使用する必要があることがわかります。

元のアドレスは次のとおりです: http://www.51texiao.cn/div_cssjiaocheng/2015/0503/584.html

最も元のアドレスは次のとおりです: http://www.softwhy.com/