Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie Aktionen in CSS

下次还敢
Freigeben: 2024-04-28 14:30:21
Original
976 Leute haben es durchsucht

Das Aktionsschlüsselwort in CSS wird verwendet, um das Verhalten zu definieren, wenn die Maus über ein Element fährt oder es aktiviert. Es kann auf die Pseudoklassen :hover und :active angewendet werden, um interaktive Effekte zu erzeugen, z. B. das Ändern des Erscheinungsbilds von Elementen, das Anzeigen ausgeblendeter Elemente oder das Starten von Animationen.

So verwenden Sie Aktionen in CSS

Verwendung von Aktion in CSS

Das Schlüsselwort action wird in CSS verwendet, um das Verhalten zu definieren, wenn die Maus darüber schwebt und Elemente aktiviert. Es gibt den Stil an, der angewendet werden soll, wenn das angegebene Ereignis eintritt.

Syntax:

<code>element:action {
  style-property: value;
}</code>
Nach dem Login kopieren

Ereignisse:

  • hover: Wenn die Maus über dem Element schwebt
  • aktiv: Wenn das Element aktiviert ist (z. B. wenn auf eine Schaltfläche geklickt wird)

Verwendung:

Aktionsschlüsselwort kann verwendet werden, um verschiedene interaktive Effekte zu erstellen, wie zum Beispiel:

  • Ändern der Hintergrundfarbe eines Elements:
<code>button:hover {
  background-color: #00FF00;
}</code>
Nach dem Login kopieren
  • Hinzufügen oder Entfernen eines Rahmens:
<code>a:active {
  border: 1px solid #FF0000;
}</code>
Nach dem Login kopieren
  • Ändern Sie die Schriftart eines Elements. Größe oder Stil:
<code>h1:hover {
  font-size: 1.5em;
  font-weight: bold;
}</code>
Nach dem Login kopieren
  • Versteckte Elemente anzeigen:
<code>.hidden:hover {
  display: block;
}</code>
Nach dem Login kopieren
  • Animation starten:
<code>.my-element:active {
  animation: my-animation 2s infinite;
}</code>
Nach dem Login kopieren

Hinweis:

  • Aktionsschlüsselwort kann Kann nur mit den Pseudotypen :hover und :active verwendet werden.
  • Der Geltungsbereich des Aktionsschlüsselworts ist auf das definierte Ereignis beschränkt.
  • Sie können mehrere Aktionsschlüsselwörter verwenden, um unterschiedliche Verhaltensweisen von Elementen bei verschiedenen Ereignissen festzulegen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Aktionen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage