CSS Flashcards
Abkürzung CSS
Cascading Style Sheet
Was ist CSS ?
Beschreibt, wie HTML auf einem Medium präsentiert wird (Farbe, Formen, Stile…)
CSS Universalselektor
*{ }
CSS Typselektor
element 1, element 2 { }
CSS Klassenselektor
.klassenname {}
CSS ID-Selektor
id { }
CSS Pseudoklassen Beispiele
\:active \:hover \:visited \:first-child \:last-child \:empty...
CSS: was sind Pseudoklassen ?
Selektoren die Elemente ansprechen ein sie eine bestimmte Eigenschaft besitzt (z.b. Der Mauszeiger liegt darauf)
CSS: was sind Pseudoelemente ?
erzeugt einen nicht im Elementbaum vorhandenen Abschnitt, der formatiert oder mit Inhalt gefüllt werden kann.
- Auswahl des ersten Zeichens/Zeile
- Einfügen von Inhalten vor/hinter dem ausgewählten Element
CSS Pseudoelement Beispiele
\::before \::after \::first-line \::first-letter \::selection
CSS: was ist das Boxmodell ?
Jedes Element wird durch eine Box umrandet um den nötigen Platz zur Verfügung zu stellen (Margin, border, Padding)
CSS: was ist Inline-Style ?
Wenn die CSS Formatierung direkt im HTML Attribut style steht:
z.B: h1 style= { font-style: italic;}
CSS: was ist Inline-Style ?
Wenn die CSS Formatierung direkt im HTML Attribut style steht:
z.B: h1 style= { font-style: italic;}
CSS: wo können Formatierungen überall auftauchen ?
- Inline (Attribut ‘style=’)
- Style Tag im Kopf des HTML Dokuments
- Externe Referenzierung (einbinden der .css Datei)
CSS: was ist die Kaskadierung ?
Eine Gewichtung der (vielzahl von externen Quellen zugrundeliegenden) Formatierungen
Mit darein spielt: Reihenfolge der Deklaration bzw. !important