CSS における @import とは何ですか?-CSSチュートリアル-php.cn

CSS における @import とは何ですか?

Guanhui

リリース： 2020-06-28 13:23:28

オリジナル

10065 人が閲覧しました

CSS では、@import は CSS スタイルシートをインポートすることです。このメソッドは通常、CSS ファイルで使用されます。この方法の利点は、複数のスタイルシートを 1 つのスタイルシートにインポートできることです。スタイルシートをインポートするだけで済みます。

CSS における @import とは何ですか?

#ビデオチュートリアルの推奨: 「
CSS ビデオチュートリアル - 翡翠少女般若心経編」

はじめに CSS メソッドには 2 つあり、1 つは @import で、もう 1 つは link

@import url(&#39;地址&#39;);

ログイン後にコピー

<link href="地址" rel="stylesheet" type="text/css" />

ログイン後にコピー

です。

@import が最初に HTML をロードし、次に CSS## をロードするため、ほとんどの Web サイトは後者のリンクメソッドを使用しています。

#link は最初に CSS を読み込み、次に HTML を読み込みます。

つまり、前者は閲覧者にとって驚くような形式で Web ページを読み込みますが、後者は Web ページを書式設定して読み込みます。

@import

@import のいくつかのインポートメソッドデフォルトの導入は、CSS からのレスモード読み取りです:

@import "foo"; // foo.less 导入为less文件 
@import "foo.less"; // foo.less 导入为less文件
@import "foo.php"; // foo.php 导入为less文件
@import "foo.css"; // 语句保持原样，导入为css文件

ログイン後にコピー

#AttributeFunctionDefinition##referenceless ファイルを使用しますが、使用しないでください。出力します#@import (参照) を使用して外部ファイルをインポートします。スタイルが参照されない限り、インポートされたスタイルはコンパイル出力に追加されません。 inline出力をソースファイルに含めますが、処理はしませんCSS ファイルがlessと互換性がない可能性がある場合less 拡張子に関係なく、ファイルをlessファイルとして扱います css 拡張子に関係なく、ファイルを CSS ファイルとして扱います onceファイルは 1 回だけインポートできます (デフォルト)ファイルは 1 回だけインポートされ、同じファイルをインポートする後続のステートメントは無視されます。ファイルは複数回インポートできます存在しないファイルのインポートを回避します。このパラメータがないと、ファイルエラーが報告されますCSS チュートリアル」






	#multiple	ファイルは複数回インポートできます
	optional	ファイルが見つからない場合でもコンパイルします
		#推奨チュートリアル: 「

以上がCSS における @import とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。