Was ist CSS?
CSS-Klassen sind eine leistungsstarke Möglichkeit, wiederverwendbare Stile zu erstellen, die auf mehrere Elemente auf einer Seite angewendet werden können. Sie ermöglichen es Ihnen, eine Reihe von Regeln zu erstellen, die auf jedes Element auf einer Seite angewendet werden können. Dieser Beitrag beschreibt, wie man eine CSS-Klasse erstellt und wie man sie verwendet.
Schritte zum Erstellen einer CSS-Klasse
- Zuerst müssen Sie eine neue CSS-Datei erstellen. Hier schreiben Sie den Code.
- Um eine CSS-Klasse zu erstellen, müssen Sie zunächst ein neues Style-Tag erstellen.
- Als nächstes müssen Sie den Namen der Klasse hinzufügen, die Sie erstellen möchten. Sie können dies auf verschiedene Arten tun.
- Sie können das @-Zeichen verwenden, um einen Klassennamen zu erstellen. Sie können auch das Pfund-Symbol (Nummernzeichen) oder das Raute-Symbol (Zahl Acht) verwenden. Sie können sogar einen Punkt verwenden, um den Klassennamen von der Klassenauswahl zu trennen.
- Sie können auch einen Doppelpunkt verwenden, um den Klassennamen vom Klassenselektor zu trennen.
- Der letzte Weg, eine CSS-Klasse zu erstellen, besteht darin, das Schlüsselwort „class“ gefolgt von einem Leerzeichen und dem Namen der Klasse zu verwenden.
- Jetzt müssen Sie die CSS-Regeln für die von Ihnen erstellte Klasse hinzufügen. Sie können dies tun, indem Sie die CSS-Regeln in das Codefeld eingeben.
- Nachdem Sie die Klasse erstellt haben, müssen Sie sie dem HTML-Code hinzufügen. Sie können dies tun, indem Sie den Klassennamen zum Stil-Tag hinzufügen.
- Nachdem Sie die Klasse zum Stil-Tag hinzugefügt haben, müssen Sie die Klasse auf ein Element anwenden. Sie können dies tun, indem Sie den Klassennamen zu dem Tag hinzufügen, auf das Sie die Klasse anwenden möchten.
- Jetzt müssen Sie sicherstellen, dass Ihre Seite die Klasse auf alle Elemente angewendet hat, die Sie mit der Klasse gestalten möchten. Sie können dies tun, indem Sie die Klasse zur CSS-Datei hinzufügen.
- Wenn Sie der Klasse eine neue Regel hinzufügen möchten, müssen Sie die CSS-Regeln zur CSS-Datei hinzufügen und den Klassennamen zum style-Tag hinzufügen.
- Abschließend müssen Sie die Klasse dem HTML-Code hinzufügen.