HTMLモードでのCSSの導入

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参照されたファイルは、すべてのページがロードされている上、再びので、ダウンロードされます。

 

参考:ルーキーノート

       私はそれが役に立てば幸い。

おすすめ

転載: www.cnblogs.com/shihaiying/p/11294309.html