ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS における @import とは何ですか?

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

Guanhui
Guanhuiオリジナル
2020-06-28 13:23:2810058ブラウズ

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

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

#ビデオ チュートリアルの推奨: 「

CSS ビデオ チュートリアル - 翡翠少女般若心経編

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

@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文件

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

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

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