Was bedeutet @ in CSS?

Das „@“-Symbol in CSS wird verwendet, um Anweisungen und Regeln einzuführen, einschließlich Regelsätzen (Definieren von Stilen) und Anweisungen (Festlegen von Regeln, die nichts mit Stilen zu tun haben, wie z. B. das Importieren von Stylesheets). Zum Beispiel: @import, @media, @keyframes.

Das „@“-Symbol in CSS

In Cascading Style Sheets (CSS) ist das „@“-Symbol ein Sonderzeichen, das einen bestimmten Zweck hat.

Zweck:

Das „@“-Symbol wird in CSS verwendet, um verschiedene Anweisungen und Regeln einzuführen, darunter:

• Regelsatz: Beginnend mit „@“ wird es verwendet, um einen Satz von Anweisungen zu definieren, die sollte auf ein bestimmtes Element oder den Stil des Selektors angewendet werden.
• Befehl: Beginnt mit „@“, wird aber nicht von geschweiften Klammern gefolgt und wird zum Festlegen von Regeln verwendet, die nichts mit Stilen zu tun haben, z. B. das Importieren externer Stylesheets oder das Definieren von Variablen.

Syntax:

Dem „@“-Symbol folgt eine Anweisung oder Regel, normalerweise gefolgt von einem Schlüsselwort. Zum Beispiel:

• @import: Externe Stylesheet-Dateien importieren @import：导入外部样式表文件
• @media：创建媒体查询，在特定条件下应用样式
• @keyframes
@media: Medienabfragen erstellen, um Stile unter bestimmten Bedingungen anzuwenden

@keyframes: Keyframes für CSS-Animationen definieren <strong></strong>

Beispiel:

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

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

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

Hinweise:
• Das „@“-Symbol beginnt immer mit einem Kleinbuchstaben.
• Anweisungen oder Regeln nach dem „@“-Symbol müssen mit einem Semikolon (;) enden.

🎜Bei Schlüsselwörtern und Regeln nach dem „@“-Symbol muss die Groß-/Kleinschreibung beachtet werden. 🎜🎜

Das obige ist der detaillierte Inhalt vonWas bedeutet @ in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!