Klassen in HTML und CSS Titelbild

Das class-Attribut ordnet ein Element einer oder mehreren Klassen zu. Klassen sind ein HTML-Konzept, um gleichartige Elemente im Markup zu kennzeichnen mit dem (nicht alleinigen!) Ziel, diese mit einem Klassenselektor ansprechen zu koennen. Dabei müssen es nicht unbedingt gleichartige Elemente sein. Mehrere Klassennamen werden durch Leerzeichen getrennt.

 

 

 

Schreibweise HTML

 

<div class="sport">

 

Klassen in CSS

 

Eine Klasse ist in CSS - einfach gesagt - eine Gruppierung von Eigenschaften, die einmal definiert wird und in der Regel mehrmals verwendet wird. Klassen können in CSS mehrfach angewendet werden. IDs dagegen können aufgrund der Eigenschaft immer eindeutig identifizierbar zu sein, nur einmal pro Seite verwendet werden. Klassen und IDs dürfen in CSS nicht miteinander kombiniert werden. Um eine Klasse zu erstellen muss zuerst ein Punkt (.), gefolgt von einem Klassennamen geschrieben werden. Danach wird die CSS-Eigenschaft in geschweiften Klammern definiert {}:

 

.sport {background-color:gray; color: white;}

 

beispiel html

 

 

Haben Sie noch Fragen zu diesem Thema? Oder brauchen Sie Hilfe bei der Gestaltung Ihrer Webseite von einer professionellen Internetagentur aus München? Dann kontaktieren Sie uns gerne!