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 :
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>
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!