wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Model blokowy BOXMODEL

Total questions: 15

Worksheet time: 7mins

Name
Class
Date
1.

Z jakich części składa się model blokowy? (wiele odp.)

a)

obszar zawartości (content)

b)

wypełnienie (padding)

c)

obramowanie (border)

d)

margines (margin)

2.

Margines zewnętrzny to:

a)

padding

b)

margin

c)

space between

d)

line height

3.

Margines wewnętrzny to:

a)

padding

b)

margin

c)

space between

d)

line height

4.

Które z wymienionych elementów są opcjonalne (można je dać, ale nie trzeba) dla modelu blokowego? (wiele odp.)

a)

obszar zawartości (content)

b)

wypełnienie (padding)

c)

obramowanie (border)

d)

margines (margin)

5.

Wszystkie elementy na stronie WWW są traktowane jako:

a)

kwadraty

b)

linie

c)

prostokąty

d)

kropki

6.

<div>, <p>, <h3>, <ul>, <li> to przykłady elementów:

a)

blokowych

b)

wewnątrzwierszowych

c)

liniowych

d)

żadnych z wymienionych

7.

<img>, <span>, <q> to przykłady elementów:

a)

blokowych

b)

liniowych

c)

żadnych z wymienionych

8.

Opcjonalne obramowanie znajduje się pomiędzy:

a)

margin i padding

b)

content i padding

c)

margin i outline

9.

Co uległo zmianie w CSS w szarym akapicie "gwarancji" względem innych, białych akapitów?

a)

content

b)

padding

c)

background

d)

border

10.

Zerknij na obrazek. Gwiazda została ustawiona w tle diva za pomocą:

a)

background-position: top left;

b)

background-repeat: no-repeat;

c)

background-filter: none;

d)

background: gray;

11.

Jak zrobić taką ramkę w CSS (obrazek)?

a)

border-left-style: 3px solid green;

b)

border: 3px solid green;

c)

border-style-left: 3px solid green;

d)

border-left: 3px solid green;

12.

Jaką ramkę narysuje widoczny kod?

p {  border-style: dotted solid; }

a)

b)

c)

d)

13.

Jaką ramkę narysuje widoczny kod?

p { border-style: dotted solid dashed none; }

a)

b)

c)

d)

14.

Jaką szerokość ma obszar zawartości (tekst) pod obrazem? Dokonaj obliczeń na podstawie załączonych informacji.

a)

350px

b)

330px

c)

320px

d)

340px

15.

Jaką wysokość będzie mieć załączony na rysunku boxmodel?

a)

160px

b)

370px

c)

410px

d)

280px