Maison > interface Web > tutoriel CSS > Que signifie @ en CSS

Que signifie @ en CSS

下次还敢
Libérer: 2024-04-28 16:03:13
original
1163 Les gens l'ont consulté

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.

Que signifie @ en CSS

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>
Copier après la connexion
    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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal