Quel est le but du symbole « @ » en CSS ?

@ Symbole en CSS : dévoiler son objectif

Question :

Rencontre avec une notation inconnue en CSS, les développeurs sont perplexes face à l'utilisation du symbole @, en particulier dans les déclarations @font-face. S'agit-il d'un ajout récent à CSS3 ou d'une fonctionnalité longtemps négligée analogue aux identifiants et aux classes ?

Réponse :

Le symbole @ fait partie intégrante du CSS depuis sa création avec @import en CSS1. Cependant, sa prévalence a augmenté avec l'émergence de @media et @font-face en CSS2 et CSS3, respectivement. Ces constructions sont connues sous le nom de règles at en CSS.

Les règles at sont des instructions spéciales pour le navigateur qui vont au-delà du style des éléments HTML. Ils jouent un rôle crucial dans le contrôle de la manière dont les styles sont appliqués et répondent à des tâches spécifiques.

Exemples de règles At :

@import : Importe une autre feuille de style à partir d'une feuille de style.

@media : Applique les styles de manière sélective en fonction sur les caractéristiques des médias (par exemple, impression, appareils mobiles).

@font-face : Définit des polices personnalisées à utiliser dans les conceptions, permettant le téléchargement de polices par navigateur et le rendu du texte de manière personnalisée.

Caractéristiques distinctes des règles At :

Contrairement aux sélecteurs, les règles At ont aucune relation avec les éléments. Leur nature diversifiée a conduit à des définitions variables dans plusieurs modules CSS. Exemples d'autres règles at :

• Règles conditionnelles
• Animations d'images clés
• Médias paginés

Conclusion :

Le symbole @ en CSS signifie les règles at, des instructions spéciales qui guident le le comportement du navigateur au-delà du style. Ils effectuent des tâches telles que l'importation de feuilles de style, le contrôle du style spécifique au média et la définition de polices personnalisées. Les règles at sont un aspect essentiel du CSS, élargissant ses capacités et permettant une plus grande flexibilité dans la conception de sites Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!