Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSの@importルールの使用

@importは、要素と同様の方法で外部スタイルシートをインポートするために使用されます。

@importルールの構文は次のとおりです。

<head>
   <@import "URL";
</head>

以下は、スタイルシートファイルをHTMLドキュメントにインポートする方法を示す例です。

<head>
   @import "new.css";
</head>

  1. CSS@font-faceルールの使用

    @ font-faceルールは、ドキュメントで使用するフォント面を網羅的に記述するために使用されます。 @ font-faceを使用して、ダウンロードするフォントの場所を定義することもできますが、これは実装固有の制限にぶつかる可能性があります。 例 <style>    <!--       @font-face {          font-family: "Scarborough Light";        

  2. CSS @importの使用法：ルール

    @import： ルールは、別のスタイルシートを現在のスタイルシートにインポートします。これは、スタイルシートの先頭のルールの直前に表示される必要があり、その値はURLです。 例 次のように書くことができます： <style>    <!--       @import "mystyle.css";       or       @import url("mystyle.css");