wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS - model blokowy i pozycjonowanie

Total questions: 18

Worksheet time: 9mins

Name
Class
Date
1.

Prawidłowa kolejność elementów w modelu blokowym (licząc od wewnątrz) to:

a)

content, margin, padding, border

b)

content, border, margin, padding

c)

content, padding, border, margin

d)

content, border, padding, margin

2.

Ile atrybutów zawiera pełna definicja obramowania wybranej krawędzi elementu:

a)

4

b)

1

c)

2

d)

3

3.

Linia kreskowana w obramowaniu to:

a)

dotted

b)

dashed

c)

groove

d)

outset

4.

Blok <div> ma szerokoś 300 px. Po dodaniu obramowania o grubości 10 px, całe "pudełko" ma szerokość:

a)

310px

b)

280px

c)

rozmiar nie uległ zmianie

d)

320px

5.

Reguła padding: 3px 4px 10px 13px; spowoduje nadanie marginesów:

a)

od góry 3px, z lewej 4px, z prawej 10px, od dołu 13px;

b)

od góry 3px, z prawej 4px, z lewej 10px, od dołu 13px;

c)

od góry 3px, z prawej 4px, od dołu 10px, z lewej 13px;

d)

od góry 3px, od dołu 4px, z lewej 10px, z prawej 13px;

6.

Definiując obramowanie trzeba zawsze podawać wszystkie atrybuty.

Wpisz PRAWDA (jeśli zdanie jest prawdziwe) lub FAŁSZ (jeśli zdanie jest fałszywe)

(a)  

7.

W modelu blokowym CSS obramowanie i obrys niczym się nie różnią (to jest dokładnie to samo).

Wpisz PRAWDA (jeśli zdanie jest prawdziwe) lub FAŁSZ (jeśli zdanie jest fałszywe)

(a)  

8.

Obrys nie definiujemy przy pomocy właściwości padding


Wpisz PRAWDA (jeśli zdanie jest prawdziwe) lub FAŁSZ (jeśli zdanie jest fałszywe)

(a)  

9.

Domyślną wartością atrybutu overflow jest visible


Wpisz PRAWDA (jeśli zdanie jest prawdziwe) lub FAŁSZ (jeśli zdanie jest fałszywe)

(a)  

10.

Deklaracja margin: 2px 5px; nada elementowi marginesy:

a)

górny i dolny po 2px, prawy i lewy po 5px

b)

górny i prawy po 2px, dolny i lewy po 5px

c)

prawy i lewy po 2px, górny i dolny po 5px;

d)

wszystkie wewnętrzne marginesy po 2px, marginesy zewnętrzne po 5px

11.

Do pozycjonowania elementów strony służy atrybut:

(a)  

12.

Sposób pokazywania zawartości elementu w sytuacji, gdy nie mieści się ona w rozmiarach elementu służy atrybut:

(a)  

13.

Przesunięcie wybranego elementu w inne miejsce względem położenia pierwotnego umożliwia:

a)

position: absolute;

b)

position: static;

c)

position: relative;

d)

position: fixed;

14.

Do zdefiniowania przezroczystości służy dla elementu służy atrybut:

(a)  

15.

Element X ma zdefiniowany atrybut z-index:2 a element Y ma zdefiniowany atrybut z-index:4.

To oznacza, że:

a)

Element X znajdzie się pod elementem Y

b)

Element X znajdzie się nad elementem Y

c)

Elementy X i Y znajdą się obok siebie (z-index nie wpływa na kolejność nakładania się elementów)

d)

wszystkie odpowiedzi są niepoprawne

16.

Do ustawienia elementu względem innych elementów, które z nim sąsiadują w poziomie służy atrybut:

(a)  

17.

Atrybut clear ma:

a)

2 wartości

b)

3 wartości

c)

1 wartość

d)

4 wartości

18.

Wyrównanie podstawy elementu do podstawy tekstu elementu nadrzędnego umożliwia atrybut vertical-align z wartością:

a)

baseline

b)

bottom

c)

text-bottom

d)

middle