„Raw” változatai közötti eltérés
A VIK Wikiből
Nincs szerkesztési összefoglaló |
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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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= | {{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
A flex tulajdonságban az alábbiak közül melyik értéket nem lehet megadni?
- flex-basis
- flex-grow
- flex-shrink
- 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?
- col-sm-6
- col-sm-4
- col-6
- 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?
- align-items
- align-content
- justify-content
- flex-wrap
Ha a flex-direction értékét columnra állítjuk, akkor a flex-end szerinti igazítás mit jelent?
- Az elemeket balra rendezzük.
- Az elemeket jobbra rendezzük.
- Az elemeket lentre rendezzük.
- Az elemeket fentre rendezzük.
A Bootstrap gridben egy konkrét tartalmi elemre megadható, hogy csak fél oszlop széles legyen.
- Igaz
- Hamis
Egy position: relative kép a normál szöveg…
- elé kerül.
- mögé kerül.
- mellé kerül.
Egy !importanttal megadott szabályt nem lehet felülírni, mert az a legerősebb szabály.
- Igaz
- Hamis
Ha egy blokk elemre pixelben adjuk meg a magasságot, akkor az csak akkor fog érvényesülni, ha…
- az összes szülő elemre meg van adva a magasság pixelben vagy százalékban.
- mindig érvényesülni fog.
- csak akkor, ha kifér az oldalra.
- csak akkor, ha közvetlen szülő elemen a magasság auto.
Melyik nem inline elem?
- span
- div
- a
- p
A div#content selector melyik elemre fog illeszkedni?
- Arra a divre, amin a class=”content” rajta van.
- Annak a divnek a gyerekeire, aminek az id-ja a „content”.
- Arra a divre, ahol az id=”content”.
- Annak a divnek az összes leszármazottjára, ahol az id=”content”.
Az img + .my selector melyik elemre fog illeszkedni?
- 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 testvérei közül azokra, ahol a class = „my” attribútum szerepel.
- Semmire sem fog illeszkedni, mert nem lehet ilyen selectort megadni.
A li.selected CSS selector melyik elemre fog illeszkedni?
- Azokra az elemekre, ahol a class = „selected” meg van adva.
- Azokra az li tagekre, ahol a class = „selected” meg van adva.
- A li tagek közvetlen gyerekei közül azokra az elemekre, ahol a class = „selected” meg van adva.
- 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?
- A közvetlen szülőhöz képest.
- Ahhoz a legközelebbi szülőhöz képest, amire relative pozícionál.
- Mindig a body-hoz képest.
- A legközelebbi szülőhöz képest, amint a position:static.
Melyik block elem?
- span
- div
- a
- p
Az ul > li.active CSS selector melyik elemre fog illeszkedni?
- Azokra az elemekre, ahol a class = „active” meg van adva.
- Azokra az li tagekre, ahol a class = „active” meg van adva.
- Az ul közvetlen li típusú gyerekeire, ahol a class = „active” meg van adva.
- 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:
- 100%
- A benne lévő tartalom szélessége határozza meg.
- Auto.
- Attól függ, hogy befér-e még az adott sorba.
Az ul > li.active CSS selector melyik elemre fog illeszkedni?
- Azokra az elemekre, ahol a class = „active” meg van adva.
- Azokra az li tagekre, ahol a class = „active” meg van adva.
- Az ul közvetlen li típusú gyerekeire, ahol a class = „active” meg van adva.
- 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?
- Arra a div-re, amin a class=”ul” rajta van.
- Csak a div közvetlen leszármazottjaira, amiknek az id-ja „ul”.
- Arra a divre, ahol az id = „ul”.
- 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?
- flex-basis
- flex-grow
- flex-shrink
- justify-contet
A Bootstrap grid hány oszlopot definiál alapértelmezés szerint?
- 4
- 10
- 12
- 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?
- col-sm-12
- col-xl-4
- 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?
- Az elemeket balra rendezzük.
- Az elemeket jobbra rendezzük.
- Az elemeket lentre rendezzük.
- Az elemeket fentre rendezzük.
Melyik előre definiált Bootstrap osztállyal tudjuk a bal oldali margó mértetét megváltoztatni?
- mt-2
- pt-2
- ml-2
- pl-2
A Bootstrap grid a képernyőt sorokra és oszlopokra bontja. Hány sor lehet maximum a gridben?
- 4
- 12
- 16
- 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?
- flex
- align-content
- align-items
- justify-content
Bootstrapben hogyan tudunk olyan oszlopot megadni, amelynek a szélességét a tartalma határozza meg?
- col
- col-4
- col-auto
- 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?
- d-none d-xl-flex
- d-sm-none d-xl-flex
- d-flex d-none
- 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?
- Az elemeket balra rendezzük.
- Az elemeket jobbra rendezzük.
- Az elemeket lentre rendezzük.
- 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?
- flex
- align-content
- align-items
- justify-content