Que signifie @ en CSS

Le symbole "@" en CSS est utilisé pour introduire des directives et des règles, y compris des ensembles de règles (définissant des styles) et des directives (définissant des règles sans rapport avec les styles, comme l'importation de feuilles de style). Tels que : @import, @media, @keyframes.

Le symbole « @ » en CSS

Dans les feuilles de style en cascade (CSS), le symbole « @ » est un caractère spécial qui a un objectif spécifique.

Objectif :

Le symbole "@" est utilisé en CSS pour introduire diverses directives et règles, notamment :

• Ensemble de règles : Commençant par "@", il est utilisé pour définir un ensemble d'instructions qui doit être appliqué à un élément spécifique ou au style du sélecteur.
• Directive : Comme par "@" mais n'est pas suivi d'accolades et est utilisée pour définir des règles sans rapport avec les styles, comme l'importation de feuilles de style externes ou la définition de variables.

Syntaxe :

Le symbole "@" est suivi d'une instruction ou d'une règle, généralement suivie d'un mot-clé. Par exemple :

• @import : importez des fichiers de feuilles de style externes @import：导入外部样式表文件
• @media：创建媒体查询，在特定条件下应用样式
• @keyframes
@media : créez des requêtes multimédias pour appliquer des styles dans des conditions spécifiques

@keyframes : Définir des images clés pour les animations CSS <strong></strong>

Exemple :

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

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

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

Notes :
• Le symbole "@" commence toujours par une lettre minuscule.
• Les directives ou règles après le symbole "@" doivent se terminer par un point-virgule (;).

🎜Les mots clés et les règles après le symbole « @ » sont sensibles à la casse. 🎜🎜

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!