Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

CSS Grundlagen > Grundlagen > Flashcards

Grundlagen Flashcards

1
Q

Was bedeutet CSS?

A

CSS steht für Cascading Style Sheets. Es ist eine Sprache, die verwendet wird, um das Aussehen von Webseiten zu gestalten.

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

Wie verknüpft man eine CSS-Datei mit einer HTML-Datei?

A

das <link></link>-Element im <head>-Bereich der HTML-Datei und gebe den Dateinamen und den Speicherort der CSS-Datei an.

Beispiel:

<link rel="stylesheet" type="text/css" href="style.css">

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

Wie kann man Farben in CSS definieren?

A

Beispiel:

{ color: red; }
oder
{ background-color: #000000; }

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

Wie kann man Schriftarten in CSS definieren?

A

Beispiel:

{ font-family: Arial, sans-serif; }

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

Wie kann man die Größe von Texten in CSS ändern?

A

Beispiel:

{ font-size: 16px; }

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

Wie kann man Elemente in CSS zentrieren?

A

Beispiel:

{ text-align: center; }

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

Wie kann man Bilder in CSS positionieren?

A

Beispiel:

{ position: absolute; top: 0; left: 0; }

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

Wie kann man Boxen in CSS stylen?

A

Beispiel:

{ border: 1px solid black; padding: 10px; margin: 10px; }

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

Wie kann man Hintergrundbilder in CSS einfügen?

A

Beispiel:

{ background-image: url("bild.jpg"); }

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

Wie kann man Links in CSS stylen?

A

Beispiel:

{ text-decoration: none; color: blue; }

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

Wie kann man Hover-Effekte in CSS einfügen?

A

Beispiel:

a:hover { color: red; }
oder
div:hover { background-color: yellow; }

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

Wie kann man CSS-Selektoren verwenden?

A

Beispiel:

h1 { color: blue; }

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

Wie kann man Textausrichtung in CSS ändern?

A

Beispiel:

text-align: justify;

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

Wie kann man Boxen in CSS abrunden?

A

Beispiel:

` { border-radius: 10px; }`

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

Wie kann man Schriftstile in CSS definieren?

A

Beispiel:

{ font-style: italic; }

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

Wie kann man Boxen in CSS in der Größe anpassen?

A

Beispiel:

{ width: 50%; height: 200px; }

17
Q

Wie kann man CSS für verschiedene Bildschirmgrößen anpassen?

A

Beispiel:

@media (max-width: 768px) { /* CSS hier */ }

18
Q

Wie kann man Hintergrundfarben in CSS definieren?

A

Beispiel:

{ background-color: #F5F5F5; }

19
Q

Wie kann man Boxen in CSS in der Position anpassen?

A

Beispiel:

{ position: relative; top: 10px; left: 20px; }

20
Q

Wie kann man Schriftfarben in CSS definieren?

A

Beispiel:

{ color: #333333; }

21
Q

Wie kann man Texteffekte in CSS einfügen?

A

Beispiel:

{ text-shadow: 1px 1px 2px #000000; }

22
Q

Wie kann man Boxen in CSS transparent machen?

A

Beispiel:

{ opacity: 0.5; }

23
Q

Wie kann man Abstände zwischen Zeilen in CSS definieren?

A

Beispiel:

{ line-height: 1.5; }

24
Q

Wie kann man Boxen in CSS horizontal ausrichten?

A

Beispiel:

{ margin: 0 auto; }

25
Q

Wie kann man Schriftgewichte in CSS definieren?

A

Beispiel:

{ font-weight: bold; }

26
Q

Wie kann man Boxen in CSS vertikal ausrichten?

A

Beispiel:

{ display: flex; align-items: center; }

27
Q

Wie kann man CSS für verschiedene Geräteausrichtungen anpassen?

A

Beispiel:

@media (orientation: landscape) { /* CSS hier */ }

28
Q

Wie kann man Boxen in CSS mit Schatten versehen?

A

Beispiel:

{ box-shadow: 2px 2px 4px #888888; }

29
Q

Wie kann man Schriftgrößen in CSS in relativen Einheiten definieren?

A

Beispiel:

{ font-size: 1.2rem; }

30
Q

Wie kann man Boxen in CSS animieren?

A

Beispiel:
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }

31
Q

Wie kann man Text in CSS unterstreichen?

A

Beispiel:
{ text-decoration: underline; }

CSS Grundlagen (1 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions