CSSでのlinkと@importの違い

CSSでのlinkと@importの違い

スタイルシートを挿入するためのCSSの@importとlinkの違いは何ですか?

ブログから転載

CSSの使用3つの主な方法があります。
インラインスタイル属性値を追加して
、ページヘッダーをインラインで定義し
外部呼び出しを定義します。外部呼び出しは2つに分割され
ます1.リンク
2. @ import

フォーマット

XML/HTML代码
<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />   
XML/HTML代码
<style type="text/css" media="screen">   
@import url("CSS文件");   
</style>  

違い:

  • リンクはXHTMLタグです。CSSの読み込みに加えて、RSSなどの他の事項を定義することもできます。@ importはCSSのカテゴリに属し、CSSのみを読み込むことができます。
  • リンクがCSSを参照する場合、ページのロードと同時にロードされます。@ importでは、ページが完全にロードされた後にページをロードする必要があります。
  • linkはXHTMLタグであり、互換性の問題はありません。@ importはCSS2.1で提案されており、下位バージョンのブラウザーはそれをサポートしていません。
  • linkは、Javascriptを使用してDOMを制御し、スタイルを変更することをサポートしています。@ importはサポートしていません。
    コロンを使用して配置を定義できます

おすすめ

転載: blog.csdn.net/A_Intelligence/article/details/78125396