CSS で @ は何を意味しますか

CSS の「@」記号は、ルール セット (スタイルの定義) やディレクティブ (スタイル シートのインポートなど、スタイルに関係のないルールの設定) などのディレクティブとルールを導入するために使用されます。例: @import、@media、@keyframes。

CSS の「@」記号

カスケード スタイル シート (CSS) の「@」記号は、特定の目的を持つ特殊な文字です。

使用法:

「@」記号は、次のようなさまざまなディレクティブとルールを導入するために CSS で使用されます。

• # ルールset: 「@」で始まり、特定の要素またはセレクターに適用するスタイルのセットを定義するために使用されます。
• コマンド: 「@」で始まり、その後に中括弧が続きません。外部スタイル シートのインポートや変数の定義など、スタイルとは関係のないルールを設定するために使用されます。 。

構文:

• @import: 外部スタイル シート ファイルをインポートします。
• @media: スタイルを適用するメディア クエリを作成します。特定の条件
• @keyframes: CSS アニメーションのキーフレームを定義します

例:

<code class="css">@import "styles.css";

@media (min-width: 768px) {
  body {
    font-size: 1.2rem;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}</code>

注意 :

「@」記号は常に小文字で始まります。
• 「@」記号に続くディレクティブまたはルールはセミコロン (;) で終わる必要があります。
• 「@」記号の後のキーワードとルールでは、大文字と小文字が区別されます。

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