„Raw” változatai közötti eltérés

A VIK Wikiből
Csia Klaudia Kitti (vitalap | szerkesztései)
Nincs szerkesztési összefoglaló
Csia Klaudia Kitti (vitalap | szerkesztései)
aNincs szerkesztési összefoglaló
4. sor: 4. sor:


== A flex tulajdonságban az alábbiak közül melyik értéket nem lehet megadni? ==
== A flex tulajdonságban az alábbiak közül melyik értéket nem lehet megadni? ==
{{kvízkérdés|típus=több|válasz=4|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=4|pontozás=-}}
# flex-basis
# flex-basis
# flex-grow
# flex-grow
11. sor: 11. sor:


== Ha egy HTML elemen azt szeretnénk megadni, hogy minden felbontáson a szülő objektum szélességének felét foglalja el, azt melyik osztállyal tehetjük meg? ==
== Ha egy HTML elemen azt szeretnénk megadni, hogy minden felbontáson a szülő objektum szélességének felét foglalja el, azt melyik osztállyal tehetjük meg? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# col-sm-6
# col-sm-6
# col-sm-4
# col-sm-4
18. sor: 18. sor:


== Többszörös flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a kereszttengely mentén? ==
== Többszörös flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a kereszttengely mentén? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# align-items
# align-items
# align-content
# align-content
25. sor: 25. sor:


== Ha a flex-direction értékét columnra állítjuk, akkor a flex-end szerinti igazítás mit jelent? ==
== Ha a flex-direction értékét columnra állítjuk, akkor a flex-end szerinti igazítás mit jelent? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# Az elemeket balra rendezzük.
# Az elemeket balra rendezzük.
# Az elemeket jobbra rendezzük.
# Az elemeket jobbra rendezzük.
32. sor: 32. sor:


== A Bootstrap gridben egy konkrét tartalmi elemre megadható, hogy csak fél oszlop széles legyen. ==
== A Bootstrap gridben egy konkrét tartalmi elemre megadható, hogy csak fél oszlop széles legyen. ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# Igaz
# Igaz
# Hamis
# Hamis


== Egy position: relative kép a normál szöveg… ==
== Egy position: relative kép a normál szöveg… ==
{{kvízkérdés|típus=több|válasz=1|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=1|pontozás=-}}
# elé kerül.
# elé kerül.
# mögé kerül.
# mögé kerül.
43. sor: 43. sor:


== Egy !importanttal megadott szabályt nem lehet felülírni, mert az a legerősebb szabály. ==
== Egy !importanttal megadott szabályt nem lehet felülírni, mert az a legerősebb szabály. ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# Igaz
# Igaz
# Hamis
# Hamis


== Ha egy blokk elemre pixelben adjuk meg a magasságot, akkor az csak akkor fog érvényesülni, ha… ==
== Ha egy blokk elemre pixelben adjuk meg a magasságot, akkor az csak akkor fog érvényesülni, ha… ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# az összes szülő elemre meg van adva a magasság pixelben vagy százalékban.
# az összes szülő elemre meg van adva a magasság pixelben vagy százalékban.
# mindig érvényesülni fog.
# mindig érvényesülni fog.
62. sor: 62. sor:


== A div#content selector melyik elemre fog illeszkedni? ==
== A div#content selector melyik elemre fog illeszkedni? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# Arra a divre, amin a class=”content” rajta van.
# Arra a divre, amin a class=”content” rajta van.
# Annak a divnek a gyerekeire, aminek az id-ja a „content”.
# Annak a divnek a gyerekeire, aminek az id-ja a „content”.
69. sor: 69. sor:


== Az img + .my selector melyik elemre fog illeszkedni? ==
== Az img + .my selector melyik elemre fog illeszkedni? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# Az img következő olyan testvérére, ahol a class = „my” attribútum szerepel.
# Az img következő olyan testvérére, ahol a class = „my” attribútum szerepel.
# Az img következő olyan testvérére, ha azon a class = „my” attribútum szerepel.
# Az img következő olyan testvérére, ha azon a class = „my” attribútum szerepel.
76. sor: 76. sor:


== A li.selected CSS selector melyik elemre fog illeszkedni? ==
== A li.selected CSS selector melyik elemre fog illeszkedni? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# Azokra az elemekre, ahol a class = „selected” meg van adva.
# Azokra az elemekre, ahol a class = „selected” meg van adva.
# Azokra az li tagekre, ahol a class = „selected” meg van adva.
# Azokra az li tagekre, ahol a class = „selected” meg van adva.
83. sor: 83. sor:


== Egy position: absolute pozícionált kép mihez képest abszolút? ==
== Egy position: absolute pozícionált kép mihez képest abszolút? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# A közvetlen szülőhöz képest.
# A közvetlen szülőhöz képest.
# Ahhoz a legközelebbi szülőhöz képest, amire relative pozícionál.
# Ahhoz a legközelebbi szülőhöz képest, amire relative pozícionál.
90. sor: 90. sor:


== Melyik block elem? ==
== Melyik block elem? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# span
# span
# div
# div
97. sor: 97. sor:


== Az ul > li.active CSS selector melyik elemre fog illeszkedni? ==
== Az ul > li.active CSS selector melyik elemre fog illeszkedni? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# Azokra az elemekre, ahol a class = „active” meg van adva.
# Azokra az elemekre, ahol a class = „active” meg van adva.
# Azokra az li tagekre, ahol a class = „active” meg van adva.
# Azokra az li tagekre, ahol a class = „active” meg van adva.
104. sor: 104. sor:


== Az inline elemek szélessége alapértelmezés szerint:  ==
== Az inline elemek szélessége alapértelmezés szerint:  ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# 100%
# 100%
# A benne lévő tartalom szélessége határozza meg.
# A benne lévő tartalom szélessége határozza meg.
111. sor: 111. sor:


== Az ul > li.active CSS selector melyik elemre fog illeszkedni? ==
== Az ul > li.active CSS selector melyik elemre fog illeszkedni? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# Azokra az elemekre, ahol a class = „active” meg van adva.
# Azokra az elemekre, ahol a class = „active” meg van adva.
# Azokra az li tagekre, ahol a class = „active” meg van adva.
# Azokra az li tagekre, ahol a class = „active” meg van adva.
118. sor: 118. sor:


== A div #ul selector melyik elemre fog illeszkedni? ==
== A div #ul selector melyik elemre fog illeszkedni? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# Arra a div-re, amin a class=”ul” rajta van.
# Arra a div-re, amin a class=”ul” rajta van.
# Csak a div közvetlen leszármazottjaira, amiknek az id-ja „ul”.
# Csak a div közvetlen leszármazottjaira, amiknek az id-ja „ul”.
125. sor: 125. sor:


== Flexbox esetén mivel állítható, hogy egy elem a főtengely mentén meg tudjon nyúlni? ==
== Flexbox esetén mivel állítható, hogy egy elem a főtengely mentén meg tudjon nyúlni? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egyválasz=2|pontozás=-}}
# flex-basis
# flex-basis
# flex-grow
# flex-grow
132. sor: 132. sor:


== A Bootstrap grid hány oszlopot definiál alapértelmezés szerint? ==
== A Bootstrap grid hány oszlopot definiál alapértelmezés szerint? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# 4
# 4
# 10
# 10
139. sor: 139. sor:


== Ha egy HTML elemen meg van adva a col-sm-12, a col-md-6, col-xl-4, akkor fullHD felbontások közül melyik jut érvényre? ==
== Ha egy HTML elemen meg van adva a col-sm-12, a col-md-6, col-xl-4, akkor fullHD felbontások közül melyik jut érvényre? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# col-sm-12
# col-sm-12
# col-xl-4
# col-xl-4
145. sor: 145. sor:


== Ha a flex-direction értékét row-reverse-re állítjuk, akkor a flex-start szerinti igazítás mit jelent? ==
== Ha a flex-direction értékét row-reverse-re állítjuk, akkor a flex-start szerinti igazítás mit jelent? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# Az elemeket balra rendezzük.
# Az elemeket balra rendezzük.
# Az elemeket jobbra rendezzük.
# Az elemeket jobbra rendezzük.
152. sor: 152. sor:


== Melyik előre definiált Bootstrap osztállyal tudjuk a bal oldali margó mértetét megváltoztatni? ==
== Melyik előre definiált Bootstrap osztállyal tudjuk a bal oldali margó mértetét megváltoztatni? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# mt-2
# mt-2
# pt-2
# pt-2
159. sor: 159. sor:


== A Bootstrap grid a képernyőt sorokra és oszlopokra bontja. Hány sor lehet maximum a gridben? ==
== A Bootstrap grid a képernyőt sorokra és oszlopokra bontja. Hány sor lehet maximum a gridben? ==
{{kvízkérdés|típus=több|válasz=2|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=2|pontozás=-}}
# 4
# 4
# 12
# 12
166. sor: 166. sor:


== Egysoros flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a főtengely mentén? ==
== Egysoros flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a főtengely mentén? ==
{{kvízkérdés|típus=több|válasz=4|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=4|pontozás=-}}
# flex
# flex
# align-content
# align-content
173. sor: 173. sor:


== Bootstrapben hogyan tudunk olyan oszlopot megadni, amelynek a szélességét a tartalma határozza meg? ==
== Bootstrapben hogyan tudunk olyan oszlopot megadni, amelynek a szélességét a tartalma határozza meg? ==
{{kvízkérdés|típus=több|válasz=3|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=3|pontozás=-}}
# col
# col
# col-4
# col-4
180. sor: 180. sor:


== Ha egy HTML elemet csak fullHD felbontáson szeretnénk elrejteni, akkor az alábbiak közül melyik CSS osztályt tegyük az elemre? ==
== Ha egy HTML elemet csak fullHD felbontáson szeretnénk elrejteni, akkor az alábbiak közül melyik CSS osztályt tegyük az elemre? ==
{{kvízkérdés|típus=több|válasz=1|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=1|pontozás=-}}
# d-none d-xl-flex
# d-none d-xl-flex
# d-sm-none d-xl-flex
# d-sm-none d-xl-flex
188. sor: 188. sor:


== Ha a flex-direction értékét column-reverse-re állítjuk, akkor a flex-end szerinti igazítás mit jelent? ==
== Ha a flex-direction értékét column-reverse-re állítjuk, akkor a flex-end szerinti igazítás mit jelent? ==
{{kvízkérdés|típus=több|válasz=4|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=4|pontozás=-}}
# Az elemeket balra rendezzük.
# Az elemeket balra rendezzük.
# Az elemeket jobbra rendezzük.
# Az elemeket jobbra rendezzük.
195. sor: 195. sor:


== Egysoros flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a kereszttengely mentén? ==
== Egysoros flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a kereszttengely mentén? ==
{{kvízkérdés|típus=több|válasz=4|pontozás=-}}
{{kvízkérdés|típus=egy|válasz=4|pontozás=-}}
# flex
# flex
# align-content
# align-content
# align-items
# align-items
# justify-content
# justify-content

A lap 2021. november 18., 06:20-kori változata

Doesntmatter
Statisztika
Átlagteljesítmény
-
Eddigi kérdések
0
Kapott pontok
0
Alapbeállított pontozás
(+)
-
Beállítások
Minden kérdés látszik
-
Véletlenszerű sorrend
-
-


A flex tulajdonságban az alábbiak közül melyik értéket nem lehet megadni?

Típus: egy. Válasz: 4. Pontozás: -.

  1. flex-basis
  2. flex-grow
  3. flex-shrink
  4. justify-content

Ha egy HTML elemen azt szeretnénk megadni, hogy minden felbontáson a szülő objektum szélességének felét foglalja el, azt melyik osztállyal tehetjük meg?

Típus: egy. Válasz: 3. Pontozás: -.

  1. col-sm-6
  2. col-sm-4
  3. col-6
  4. col-4

Többszörös flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a kereszttengely mentén?

Típus: egy. Válasz: 2. Pontozás: -.

  1. align-items
  2. align-content
  3. justify-content
  4. flex-wrap

Ha a flex-direction értékét columnra állítjuk, akkor a flex-end szerinti igazítás mit jelent?

Típus: egy. Válasz: 3. Pontozás: -.

  1. Az elemeket balra rendezzük.
  2. Az elemeket jobbra rendezzük.
  3. Az elemeket lentre rendezzük.
  4. Az elemeket fentre rendezzük.

A Bootstrap gridben egy konkrét tartalmi elemre megadható, hogy csak fél oszlop széles legyen.

Típus: egy. Válasz: 2. Pontozás: -.

  1. Igaz
  2. Hamis

Egy position: relative kép a normál szöveg…

Típus: egy. Válasz: 1. Pontozás: -.

  1. elé kerül.
  2. mögé kerül.
  3. mellé kerül.

Egy !importanttal megadott szabályt nem lehet felülírni, mert az a legerősebb szabály.

Típus: egy. Válasz: 2. Pontozás: -.

  1. Igaz
  2. Hamis

Ha egy blokk elemre pixelben adjuk meg a magasságot, akkor az csak akkor fog érvényesülni, ha…

Típus: egy. Válasz: 2. Pontozás: -.

  1. az összes szülő elemre meg van adva a magasság pixelben vagy százalékban.
  2. mindig érvényesülni fog.
  3. csak akkor, ha kifér az oldalra.
  4. csak akkor, ha közvetlen szülő elemen a magasság auto.

Melyik nem inline elem?

Típus: több. Válasz: 2,4. Pontozás: -.

  1. span
  2. div
  3. a
  4. p

A div#content selector melyik elemre fog illeszkedni?

Típus: egy. Válasz: 3. Pontozás: -.

  1. Arra a divre, amin a class=”content” rajta van.
  2. Annak a divnek a gyerekeire, aminek az id-ja a „content”.
  3. Arra a divre, ahol az id=”content”.
  4. Annak a divnek az összes leszármazottjára, ahol az id=”content”.

Az img + .my selector melyik elemre fog illeszkedni?

Típus: egy. Válasz: 2. Pontozás: -.

  1. Az img következő olyan testvérére, ahol a class = „my” attribútum szerepel.
  2. Az img következő olyan testvérére, ha azon a class = „my” attribútum szerepel.
  3. Az img testvérei közül azokra, ahol a class = „my” attribútum szerepel.
  4. Semmire sem fog illeszkedni, mert nem lehet ilyen selectort megadni.

A li.selected CSS selector melyik elemre fog illeszkedni?

Típus: egy. Válasz: 2. Pontozás: -.

  1. Azokra az elemekre, ahol a class = „selected” meg van adva.
  2. Azokra az li tagekre, ahol a class = „selected” meg van adva.
  3. A li tagek közvetlen gyerekei közül azokra az elemekre, ahol a class = „selected” meg van adva.
  4. A li leszármazottai közül azokra, ahol a class = „selected” meg van adva.

Egy position: absolute pozícionált kép mihez képest abszolút?

Típus: egy. Válasz: 2. Pontozás: -.

  1. A közvetlen szülőhöz képest.
  2. Ahhoz a legközelebbi szülőhöz képest, amire relative pozícionál.
  3. Mindig a body-hoz képest.
  4. A legközelebbi szülőhöz képest, amint a position:static.

Melyik block elem?

Típus: egy. Válasz: 2. Pontozás: -.

  1. span
  2. div
  3. a
  4. p

Az ul > li.active CSS selector melyik elemre fog illeszkedni?

Típus: egy. Válasz: 3. Pontozás: -.

  1. Azokra az elemekre, ahol a class = „active” meg van adva.
  2. Azokra az li tagekre, ahol a class = „active” meg van adva.
  3. Az ul közvetlen li típusú gyerekeire, ahol a class = „active” meg van adva.
  4. Az ul leszármazottai közül azokra a li-kre, ahol a class = „active” meg van adva.

Az inline elemek szélessége alapértelmezés szerint:

Típus: egy. Válasz: 2. Pontozás: -.

  1. 100%
  2. A benne lévő tartalom szélessége határozza meg.
  3. Auto.
  4. Attól függ, hogy befér-e még az adott sorba.

Az ul > li.active CSS selector melyik elemre fog illeszkedni?

Típus: egy. Válasz: 3. Pontozás: -.

  1. Azokra az elemekre, ahol a class = „active” meg van adva.
  2. Azokra az li tagekre, ahol a class = „active” meg van adva.
  3. Az ul közvetlen li típusú gyerekeire, ahol a class = „active” meg van adva.
  4. Az ul leszármazottai közül azokra a li-kre, ahol a class = „active” meg van adva.

A div #ul selector melyik elemre fog illeszkedni?

Típus: egy. Válasz: 3. Pontozás: -.

  1. Arra a div-re, amin a class=”ul” rajta van.
  2. Csak a div közvetlen leszármazottjaira, amiknek az id-ja „ul”.
  3. Arra a divre, ahol az id = „ul”.
  4. A div leszármazottjai közül az id = „ul” attribútummal rendelkezőre.

Flexbox esetén mivel állítható, hogy egy elem a főtengely mentén meg tudjon nyúlni?

Típus: egyválasz=2. Válasz: nincs megadva. Pontozás: -.

  1. flex-basis
  2. flex-grow
  3. flex-shrink
  4. justify-contet

A Bootstrap grid hány oszlopot definiál alapértelmezés szerint?

Típus: egy. Válasz: 3. Pontozás: -.

  1. 4
  2. 10
  3. 12
  4. 16

Ha egy HTML elemen meg van adva a col-sm-12, a col-md-6, col-xl-4, akkor fullHD felbontások közül melyik jut érvényre?

Típus: egy. Válasz: 3. Pontozás: -.

  1. col-sm-12
  2. col-xl-4
  3. col-md-6

Ha a flex-direction értékét row-reverse-re állítjuk, akkor a flex-start szerinti igazítás mit jelent?

Típus: egy. Válasz: 2. Pontozás: -.

  1. Az elemeket balra rendezzük.
  2. Az elemeket jobbra rendezzük.
  3. Az elemeket lentre rendezzük.
  4. Az elemeket fentre rendezzük.

Melyik előre definiált Bootstrap osztállyal tudjuk a bal oldali margó mértetét megváltoztatni?

Típus: egy. Válasz: 3. Pontozás: -.

  1. mt-2
  2. pt-2
  3. ml-2
  4. pl-2

A Bootstrap grid a képernyőt sorokra és oszlopokra bontja. Hány sor lehet maximum a gridben?

Típus: egy. Válasz: 2. Pontozás: -.

  1. 4
  2. 12
  3. 16
  4. Tetszőleges számú.

Egysoros flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a főtengely mentén?

Típus: egy. Válasz: 4. Pontozás: -.

  1. flex
  2. align-content
  3. align-items
  4. justify-content

Bootstrapben hogyan tudunk olyan oszlopot megadni, amelynek a szélességét a tartalma határozza meg?

Típus: egy. Válasz: 3. Pontozás: -.

  1. col
  2. col-4
  3. col-auto
  4. col-sm

Ha egy HTML elemet csak fullHD felbontáson szeretnénk elrejteni, akkor az alábbiak közül melyik CSS osztályt tegyük az elemre?

Típus: egy. Válasz: 1. Pontozás: -.

  1. d-none d-xl-flex
  2. d-sm-none d-xl-flex
  3. d-flex d-none
  4. d-flex d-xl-none


Ha a flex-direction értékét column-reverse-re állítjuk, akkor a flex-end szerinti igazítás mit jelent?

Típus: egy. Válasz: 4. Pontozás: -.

  1. Az elemeket balra rendezzük.
  2. Az elemeket jobbra rendezzük.
  3. Az elemeket lentre rendezzük.
  4. Az elemeket fentre rendezzük.

Egysoros flexbox elrendezés esetén a gyerek elemek hogyan igazíthatóak középre a kereszttengely mentén?

Típus: egy. Válasz: 4. Pontozás: -.

  1. flex
  2. align-content
  3. align-items
  4. justify-content