Preverjanje: ustna vprašanja

Maksimalni nivo CSS

1. Kaj določa lastnost opacity v CSS?
2. Kakšna je razlika med uporabo opacity in rgba()?
3. Zakaj je pri besedilu na prosojnem ozadju pogosto primernejši zapis rgba()?
4. Zapiši primer pravila CSS, ki sliki nastavi delno prosojnost.
5. Zapiši primer pravila CSS, ki ob prehodu z miško sliko prikaže brez prosojnosti.
6. Kaj je linearni barvni prehod v CSS?
7. Kaj omogočajo barvni mejniki pri barvnem prehodu?
8. Kakšna je osnovna razlika med linearnim in radialnim barvnim prehodom?
9. Zapiši primer pravila CSS za linearni barvni prehod od leve proti desni.
10. Zapiši primer pravila CSS za radialni barvni prehod krožne oblike.
11. Zakaj moramo biti pri uporabi barvnih prehodov pod besedilom posebej pozorni?
12. Kaj omogoča pravilo @media v CSS?
13. Kateri medijski tipi se danes najpogosteje uporabljajo?
14. Zakaj so medijske lastnosti v sodobnem CSS pogosto pomembnejše od starejših medijskih tipov?
15. Zapiši primer medijske poizvedbe, ki velja pri širini največ 700 pik.
16. Zapiši primer medijske poizvedbe za tiskanje.
17. Zapiši primer medijske poizvedbe, ki upošteva temni način.
18. Kaj omogoča lastnost transform v CSS?
19. Kakšna je osnovna razlika med tranzicijo in animacijo?
20. Zakaj je pri 3D transformacijah pogosto pomembna lastnost perspective?
21. Zapiši primer pravila CSS, ki element zavrti za 10 stopinj.
22. Zapiši primer pravila CSS, ki določa tranzicijo širine v trajanju 2 sekund.
23. Zapiši primer pravila CSS, ki elementu določi animacijo z imenom premik v trajanju 3 sekund.
24. Kaj omogočajo CSS števci?
25. Kakšna je razlika med counter() in counters()?
26. Kaj je namen lastnosti content pri generirani vsebini?
27. Zapiši primer pravila CSS, ki števec poveča za 1.
28. Zapiši primer pravila CSS, ki števec ponastavi na začetno vrednost.
29. Zapiši primer pravila CSS, ki prikaže trenutno vrednost števca v psevdoelementu ::before.
30. Kaj omogoča lastnost column-count v CSS?
31. Kaj določa lastnost column-gap?
32. Čemu je namenjena lastnost column-rule?
33. Kaj omogoča lastnost column-span?
34. Zapiši primer pravila CSS, ki določi tri stolpce.
35. Zapiši primer pravila CSS, ki določi razmik 30 pik med stolpci.
36. Zapiši primer pravila CSS, ki pomaga preprečiti prelamljanje elementa med stolpci.
37. Kaj pomeni odzivno spletno oblikovanje?
38. Kateri trije temeljni pristopi so značilni za odzivno spletno oblikovanje?
39. Kaj pomeni pristop mobile-first?
40. Zakaj pri odzivnem oblikovanju uporabljamo pravilo img { max-width: 100%; height: auto; }?
41. Zapiši primer medijske poizvedbe za zaslone širine najmanj 600 pik.
42. Zapiši primer pravila CSS, s katerim slika ne preseže širine svojega območja.