CSS における「@」記号の目的は何ですか?

CSS の @ シンボル: その目的を明らかにする

質問:

見慣れない表記法に遭遇CSS では、開発者は、特に @ 記号の使用法に当惑しています。 @font-face 宣言。これは CSS3 に最近追加されたものですか、それとも ID やクラスに似た長い間見落とされていた機能ですか?

回答:

@ 記号は、以来 CSS の不可欠な部分となっています。 CSS1 の @import で始まります。しかし、CSS2 と CSS3 でそれぞれ @media と @font-face が登場するにつれて、その普及率はさらに高まっています。これらの構造は、CSS では at-rules として知られています。

at-rules は、HTML 要素のスタイル設定を超えて拡張される、ブラウザーに対する特別な命令です。これらは、スタイルの適用方法を制御し、特定のタスクに対応する上で重要な役割を果たします。

At-Rule の例:

@import:スタイルシート内から別のスタイルシートをインポートします。

@media:メディアの特性 (印刷、モバイル デバイスなど) に基づいてスタイルを選択的に適用します。

@font-face: デザインで使用するカスタム フォントを定義し、ブラウザーでのフォントのダウンロードとテキストのレンダリングを可能にします。

の特徴at-rules:

セレクターとは異なり、at-rules は要素との関係を持ちません。その多様性の性質により、複数の CSS モジュール間で定義が異なります。他の at ルールの例は次のとおりです。

• 条件付きルール
• キーフレーム アニメーション
• ページ メディア

結論:

CSS の @ 記号は次のことを意味しますat-rules は、スタイル設定を超えてブラウザーの動作をガイドする特別な命令です。これらは、スタイルシートのインポート、メディア固有のスタイルの制御、カスタム フォントの定義などのタスクを実行します。アットルールは CSS の重要な側面であり、CSS の機能を拡張し、Web サイトのデザインの柔軟性を高めます。

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