wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS - relative vs. absolute Größen

Total questions: 16

Worksheet time: 18mins

Name
Class
Date
1.

Weise korrekt zu, ob es sich um eine relative oder absolute CSS-Einheit handelt!

Categorize the following

vh

vw

em

rem

%

px

mm

cm

pt

pc

RELATIV
ABSOLUT
2.

Der Wert "vw" steht ausgeschrieben für ...

(a)  

3.

Der Wert "vh" steht ausgeschrieben für ...

(a)  

4.

Die Einheit PROZENT bezieht sich immer auf WELCHE Größe?

4 lines
5.

Welchen WERT muss ich verwenden, wenn ich möchte, dass mein Element
IMMER 50 % der gesamten Bildschirmbreite einnimmt?

(a)  

6.

Worauf muss beim Einsatz von Größen IMMER geachtet werden?

a)

Punkt bei Dezimalzahlen verwenden

b)

Beistrich bei Dezimalzahlen verwenden

c)

keine Leerzeichen nutzen

d)

nur gerade Zahlen verwenden

7.

Bei welchen Werten sind Prozentangaben NICHT GÜLTIG?

a)

width

b)

height

c)

font-size

d)

border-width

8.

Welchen Wert muss ich angeben, wenn ich möchte dass ein Element HALB so groß ist wie das ELTERNELEMENT? (z. B: der äußere DIV-Container)

(a)  

9.

Ab wann wird die Hintergrundfarbe OLIVE für die Website gelten?

(a)  

10.

Welche Farbe hat das Element bei einer
Bildschirmgröße von 1200 Pixel?

(a)  

11.

Folgende relative Schriftgröße bezieht sich auf das ROOT Element der Website!

a)

em

b)

rem

c)

px

12.

Was spricht gegen den Einsatz von PIXEL beim professionellen Web Design?

a)

passen sich nicht an die Bildschirmgröße an

b)

sind leicht zu verstehen

c)

können nicht flexibel skaliert werden

d)

sind schwer zu berechnen

13.

Welche Schriftgröße eignet sich besser um die verschiedenen Schriftgrade auf einer Seite zu vergleichen?

a)

em

b)

rem

c)

px

14.

Das Ziel von responsive Webdesign ist ...

a)

dass eine Website auf allen Geräten gut aussieht

b)

der Inhalt für den Benutzer intuitiv zu bedienen ist

c)

auf unterschiedliche Rahmen-bedingungen zu reagieren

d)

schwierigen Code zu erzeugen

15.

Beim responsive Design reagiert der Code immer auf den ..

(a)  

16.

Wenn ein Element IMMER 25 Prozent der Bildschirmhöhe bekommen soll, benötigst du
welche Größenangabe?

(a)