ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS における @import とは何ですか?
CSS では、@import は CSS スタイル シートをインポートすることです。このメソッドは通常、CSS ファイルで使用されます。この方法の利点は、複数のスタイル シートを 1 つのスタイル シートにインポートできることです。スタイルシートをインポートするだけで済みます。
#ビデオ チュートリアルの推奨: 「はじめに CSS メソッドには 2 つあり、1 つは @import で、もう 1 つは linkCSS ビデオ チュートリアル - 翡翠少女般若心経編」
@import url('地址');
<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文件
Definition | ||
---|---|---|
inline | 出力をソース ファイルに含めますが、処理はしません | |
less | 拡張子に関係なく、ファイルをlessファイルとして扱います | |
css | 拡張子に関係なく、ファイルを CSS ファイルとして扱います | |
once | ファイルは 1 回だけインポートできます (デフォルト) | |
#multiple | ファイルは複数回インポートできます | |
optional | ファイルが見つからない場合でもコンパイルします | |
#推奨チュートリアル: 「 | CSS チュートリアル
以上がCSS における @import とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。