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

下次还敢
リリース: 2024-04-28 16:03:13
オリジナル
1144 人が閲覧しました

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

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

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 サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!