„Raw” változatai közötti eltérés
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 | ||