CSS Flashcards
CSS
Cascading Style Sheets
Warum braucht man CSS
ohne CSS würde eine Webseite nur aus reinem Text bestehen und keine visuelle Gestaltung haben.
Erklären können, was CSS sind und wofür man sie einsetzt
ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und das Layout einer Webseite zu definieren. Mit CSS können Entwickler das Erscheinungsbild einer Webseite steuern, indem sie verschiedene Stileigenschaften auf HTML-Elemente anwenden.
Was defniert Style Sheets
wie der Seitneinhalt dargestellt werden soll (das Design):
Welche Größe, Schriftart und Aussrichtung
Was definiert Cascading
bezieht sich auf den Entscheidungsprozess, wenn mehrere Stildefinitionen auf ein Element angewendet werden. Dabei werden Regeln festgelegt, um zu bestimmen, welche Stildefinition Vorrang hat, wenn es Konflikte gibt. Dies ermöglicht es, das Design einer Webseite konsistent und kontrolliert zu gestalten.
Woraus bestehen CSS Anweisungen
Aus 3 Teilen
selektor {eigenschaft: wert}
Was ist der Selektor im CSS
eine HTML ELement/Tag
Was ist die Eigenschafft
das zu ändernde Attribut und wird auf den gegebenen Wert gesetzt
Wie können mehrere Eigenschaften getrent werden
Durch eine Semikolon
selektor {e1: wert1; e2: wert2}
Was tun wenn eine Wert aus mehreren Wörtern besteht
das Wort umklammern
p {font-family: “MY Font”}
Wie bekommt man halbdurchsichtige Hintergründe
Mittels rgba
p {background: rgb(255,255,255) transparent}
p {background: rgba(255,255,255, 0.8)}
Wie ist die Einschränken auf konkrete Elemente möglich
Durch ID-Selektoren: Der Selektor kann sich auf Elemente mit eine ID beziehen. Diese ID muss für jede Seite Eindeutig sein
Zustand (pseudo-classes) ändern von den angezeigten Informationen
a {color: blue}
a:clicked {color: red} besuchter Link
a:hover {color: black} Maus über dem Link
Die Cascading: Priorisierung
es gilt -> Zuletztgelesen wird angewendet
- Browser Voreinstellungen
- Externe CSS-Datei
- Embedded CSS im Header
- Internal CSS im Tag
-> 4. steht über allem hierbei wird alles angewandt
Was ist CSS Zen Garde
CSS Zen Garden ist eine Website, die als Showcase für die kreative Gestaltung von Websites mit CSS (Cascading Style Sheets) dient