CSS Themen

HTML Klasse erstellen – So gehts!

veröffentlicht am: 25. Mai 2022

Das HTML Attribut „class“ wird verwendet um mehrere HTML Elemente einer Klasse zuzuordnen. Somit kannst du mehre HTML Elemente mit CSS stylen ohne das du jedes einzeln bearbeiten musst.

Hier ein Beispiel:

Deine HTML Klasse wird im Header innerhalb des <style> Tag definiert. Alternativ kannst du die CSS Klasse in deine style.css Datei hinzufügen.

<!DOCTYPE html>
<html>
<head>

<style>

.myclass { font-size:19px; }

</style>

</head>
<body>

<span>Diese mein Text</span>

</body>
</html>

CSS Klasse Syntax

Wenn du deine CSS Klasse in deine style.css Datei einfügen möchtest dann sieht die Syntax folgendermaßen aus

.myclass {

font-size:19px;

}

Syntax: Mehrere CSS Klassen einfügen

Du kannst auch mehrere CSS Klassen einem CSS Style zuordnen. Wie das aussieht zeige ich dir in einem Beispiel.

Beispiel

.myclass1 myclass2 {

font-size:19px;

}

<h1 class="myclass1"></h1>
<h1 class="myclass2"></h1>

ein HTML Element kann auch mehrere Klassen enthalten

<h1 class="myclass1 myclass2"></h1>

Fazit und Zusammenfassung

Bei CSS Klassen wir nicht durch Groß und Kleinschreibung unterschieden
Verschiedene HTML Elemente können mehre CSS Klassennamen enthalten
Du kannst CSS Klassen in einer externen Datei oder im HTML Code definieren

Hat dir der Beitrag gefallen?

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

css css klasse

Hi !, Wohin möchtest du?