ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSリンクスタイルとインポートスタイルの違い

CSSリンクスタイルとインポートスタイルの違い

高洛峰
高洛峰オリジナル
2016-12-16 15:55:234464ブラウズ

リンク タイプ:

<link href="style.css" rel="stylesheet" type="text/css"/>

インポート タイプ:

<style type="text/css">  
 @import"style.css";  
</style>

違い: リンク メソッドを使用する場合、ページの主要部分を読み込む前に CSS ファイルが読み込まれるため、表示される Web ページには最初からスタイルが設定されます
Load一部のブラウザでは、Web ページ ファイルが比較的大きい場合、スタイルのないページが最初に表示され、次にスタイル付きの効果が表示されます。

大規模な Web サイトの場合、メンテナンスを容易にするために、すべての CSS スタイルを複数の CSS ファイルに分類することができます。リンクインポートを使用する場合は、CSS を個別にインポートするためのいくつかのステートメントが必要になります。 css ファイルを分類するときは、HTML ファイルも調整する必要があります。これはメンテナンス作業の欠点となります。インポートされたスタイルを使用する場合、一般的な CSS ファイルのみをインポートしてから、このファイル内の他の独立した CSS ファイルをインポートできます。リンクにはこの機能がありません



その他の CSS リンク スタイルとインポートされたスタイル違いに関連して、PHP の中国語 Web サイトに注意してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。