wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

PM FE3 CSS Grid

Total questions: 10

Worksheet time: 4mins

Name
Class
Date
1.

Az alábbiak közül melyik nem CSS elrendezés?

a)

Flexbox

b)

Floating

c)

Animations

d)

Grid

2.

Mi az előnye a CSS Gridnek a CSS Flexboxhoz képest?

a)

könnyebb használni

b)

elterjedtebb

c)

két dimenzós elrendezést is tud kezelni

d)

szélesebb kompatibilitás

3.

A grid-template-columns CSS tulajdonsággal hány oszlopot tudok létrehozni?

a)

legfeljebb hármat

b)

legfeljebb tizenkettőt

c)

nincs meghatározva

d)

ezzel a tulajdonsággal nem lehet oszlopokat létrehozni

4.

Mit jelent az 'fr' mértékegység a gridek létrehozásakor?

a)

1 fraction = 64px

b)

a szabad méretek arányos felosztását segíti

c)

nincs ilyen mértékegység

d)

ez csak Flexbox esetén használható

5.

Mire használható a 'gap' tulajdonság Grid esetén?

a)

a rácshálózat elemei közötti és a hálót körülvevő hézagok méretezésére

b)

nincs ilyen tulajdonság

c)

a rácselemek paddingjét jelenti

d)

csak a rácselemek közötti hézagokat lehet vele megadni

6.

Mire jók a 'grid-auto-rows' és 'grid-auto-columns' tulajdonságok?

a)

rugalmasan alakul a cella mérete a tartalomtól függően

b)

automatikusan az itt megadott méreteket veszik fel a cellák

c)

a nem meghatározott cellák sorainak és oszlopainak méreteit lehet megadni velük

d)

nincsenek ilyen tulajdonságok

7.

Melyik értékkel tudok az oszlopaimnak és soraimnak megadni minimum és maximum értéket?

a)

fromto()

b)

minmax()

c)

nincs erre külön kulcsszó

d)

mindig konkrét méretet kell megadnom

8.

Melyik tulajdonság a 'grid-row' és 'grid-column' tulajdonságok összevont tulajdonsága?

a)

grid

b)

grid-area

c)

grid-row-colunm

d)

grid-start-end

9.

A Grid nem használható együtt a Flexboxszal.

a)

így van

b)

csak külön könyvtár segítségével

c)

hülyeség, nagyon szuperek együtt

d)

csak a flexboxszal használható a grid, fordítva nem

10.

ISMÉTLŐ KÉRDÉS:

Melyik nem szemantikus HTML elem?

a)

header

b)

aside

c)

footer

d)

span