CSS Flashcards

1
Q

CSS

A

Cascading Style Sheets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Warum braucht man CSS

A

ohne CSS würde eine Webseite nur aus reinem Text bestehen und keine visuelle Gestaltung haben.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Erklären können, was CSS sind und wofür man sie einsetzt

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Was defniert Style Sheets

A

wie der Seitneinhalt dargestellt werden soll (das Design):

Welche Größe, Schriftart und Aussrichtung

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Was definiert Cascading

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Woraus bestehen CSS Anweisungen

A

Aus 3 Teilen

selektor {eigenschaft: wert}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Was ist der Selektor im CSS

A

eine HTML ELement/Tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Was ist die Eigenschafft

A

das zu ändernde Attribut und wird auf den gegebenen Wert gesetzt

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Wie können mehrere Eigenschaften getrent werden

A

Durch eine Semikolon

selektor {e1: wert1; e2: wert2}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Was tun wenn eine Wert aus mehreren Wörtern besteht

A

das Wort umklammern

p {font-family: “MY Font”}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Wie bekommt man halbdurchsichtige Hintergründe

A

Mittels rgba

p {background: rgb(255,255,255) transparent}
p {background: rgba(255,255,255, 0.8)}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Wie ist die Einschränken auf konkrete Elemente möglich

A

Durch ID-Selektoren: Der Selektor kann sich auf Elemente mit eine ID beziehen. Diese ID muss für jede Seite Eindeutig sein

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Zustand (pseudo-classes) ändern von den angezeigten Informationen

A

a {color: blue}

a:clicked {color: red} besuchter Link

a:hover {color: black} Maus über dem Link

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Die Cascading: Priorisierung

es gilt -> Zuletztgelesen wird angewendet

A
  1. Browser Voreinstellungen
  2. Externe CSS-Datei
  3. Embedded CSS im Header
  4. Internal CSS im Tag

-> 4. steht über allem hierbei wird alles angewandt

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Was ist CSS Zen Garde

A

CSS Zen Garden ist eine Website, die als Showcase für die kreative Gestaltung von Websites mit CSS (Cascading Style Sheets) dient

How well did you know this?
1
Not at all
2
3
4
5
Perfectly