HTMLにCSSを導入する4つの方法があります。CSSコードをHTMLファイルに直接追加されている2つの方法がありますが、他の2つの外部CSSファイル内に導入されます。
ユナイテッドウェイ内の(I)
インラインは、HTMLタグで直接参照する スタイル属性追加CSS。
(ii)の埋め込み動画
モードは、埋め込みHTMLヘッダを参照 の<style>書き込みCSSコードラベル。
(III)リンクモード
モードの連鎖は、HTMLヘッダーの使用を意味する <ヘッド>タグ導入、外部CSSファイル。
(IV)インポートモード
インポートモードでは、外部CSSファイルをインポートするCSSルールの使用を意味します。
チェーン接続モードとインポートの比較
(使用して以下とインポートモード(代わりにリンクを次の)リンクモード の代替を@importが)のは、これらの2つの方法を比較してみましょう、外部CSSファイルへの道を導入しています。
-
リンクはを通じて、HTMLに所属する 外部ファイルの<link>タグのhref属性の導入、および @importのCSSは、import文はCSSで記述する必要がありますので、import文は、スタイルシートの最初に書かれた、またはできないか、適切にされなければならないことに留意すべきである、所属します外部ファイルをインポートします。
-
@importは、お使いのブラウザのバージョンが低いので、もしのみ、CSS2.1登場概念であり、正しく外部スタイルファイルをインポートすることはできません。
-
HTMLファイルがロードされると、リンク参照先のファイルもロードされ、 @import参照されたファイルは、すべてのページがロードされている上、再びので、ダウンロードされます。
参考:ルーキーノート
私はそれが役に立てば幸い。