Klassen
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 können. Klassen und IDs dürfen in CSS nicht miteinander kombiniert werden.
Globale Klassen definieren
Beispiel - Definition in css
font-style:italic;
}
Beispiel in Kombination mit dem <p> Tag:
Tag-spezifische Klassen definieren
Klassen nur fÜr bestimtme Tags definieren
Beispiel - Definition in css
font-style:italic;
}
Gilt nur in Verbindung mit der Klasse ”hinweis” und dem Tag <p>:
Hier wÜrde die ”hinweis“ Definition nicht greifen:
Pseudo-Klassen und Pseudo-Elemente definieren
Pseudo-Klassen werden in css definiert aber nicht explizit in dem HTML Dokument verwendet. Beispiel hierfÜr sind die Definition von noch nicht besuchten und bereits von dem Nutzer besuchten Links.
Beispiel - Definition in css
color:lime;
}
a:visited {
color:yellow;
}
Hinweis:
Pseudo-Klassen:
:link – Definition von noch nicht besuchten Links
:visited – Definition von besuchten Links
Pseudo-Elemente
:first-line – Definition der ersten Zeile (eines Paragraphen)
:first-letter – Definition des ersten Buchstaben (eines Paragraphen)
Verschaff Dir einen Überblick
Wissenswertes, Hilfestellung und Lösungen rund um das Thema CSS:A
Absolute und relative MaßeAbgerundete Ecken
Anordnung
B
background-attachmentbackground-position
C
cm (Zentimeter)Color
Contextual Selectors
CSS Formatierungen
CSS-Sprites
D
Definition mehrerer TagsE
Ebenen / LayerEcke / Eckenrundung
Einbindung CSS
em
ex
Externe CSS-Datei
F
FarbenFarbcodes
Farbnamen
Farbverlauf
Fixierter, fester Hintergrund
G
GradientGrundlagen
H
HintergrundbildHintergrundbild Positionierung
Hover-Effekt über Hintergrundbild
I
IDsin (Inch)
Interne CSS-Datei
K
KlassenKlassifizierung
L
Layer / EbenenListen
P
pcPosition
Positionierung Hintergrundbild
pt (Pica)
px (Pixel)
R
Rahmen FormatierungReihenfolge von Elementen
Relative und absolute Maße
repeat Möglichkeiten
Runde Ecken
S
SchriftformatierungScrollbarer Hintergrund
Sichtbarkeit
Sprites
Stylesheet
T
TextflussTextgestaltung
U
Überhängende InhalteÜbereinander liegende Elemente
V
VererbungVerlauf / Verläufe















