Preverjanje: ustna vprašanja

Srednji nivo CSS

1. Kaj določa lastnost float?
2. Kaj dosežemo z lastnostjo display: flex?
3. Kaj določa lastnost clear?
4. Kaj določa lastnost flex-direction?
5. Pojasni razliko med lastnostma float in clear.
6. Kaj določa lastnost justify-content?
7. Zapiši primer pravila CSS, ki sliko postavi ob desni rob.
8. Kaj določa lastnost align-items?
9. Zapiši primer pravila CSS, ki prekine oblivanje na obeh straneh.
10. Zapiši primer pravila CSS, ki vključi flex postavitev.
11. Zapiši primer pravil CSS za sliko, ki lebdi levo in ima desni zunanji odmik 1em.
12. Zapiši primer pravila CSS, ki elemente razporedi v stolpec.
13. Zakaj lastnosti float danes navadno ne uporabljamo več za glavno postavitev strani?
14. Zapiši primer pravila CSS, ki dovoli prelamljanje flex elementov.
15. Zapiši primer pravila CSS, ki element postavi na logično začetno stran vrstice.
16. Zapiši primer pravil CSS, ki določa, da drugi element zraste dvakrat toliko kot prvi in tretji.
17. Kaj dosežemo z lastnostjo display: grid?
18. Kaj določa lastnost grid-template-columns?
19. Kaj določa lastnost grid-template-rows?
20. Kaj omogoča lastnost grid-template-areas?
21. Zapiši primer pravila CSS, ki vključi Grid postavitev.
22. Zapiši primer pravila CSS, ki določi tri enako široke stolpce.
23. Zapiši primer pravila CSS, ki določi razmik 10px med vrsticami in stolpci mreže.
24. Zapiši primer pravila CSS, ki element raztegne čez prva dva stolpca mreže.
25. Kako bločni element najpogosteje sredinsko poravnamo z lastnostjo margin?
26. Zakaj pri sredinski poravnavi z margin: auto učinek ni viden, če ima element širino 100%?
27. Kaj dosežemo z lastnostjo justify-content: center; pri Flexboxu?
28. Zakaj absolutno pozicioniranje navadno ni prva izbira za splošno poravnavo vsebine?
29. Zapiši primer pravil CSS za sredinsko poravnavo bločnega elementa širine 60% z uporabo zunanjih odmikov.
30. Zapiši primer pravila CSS, ki elemente v Flexboxu poravna na sredino po glavni osi.
31. Zapiši primer pravila CSS, ki element absolutno postavi na desni rob.
32. Zapiši primer pravila CSS, ki element poravna ob desni rob z uporabo lebdenja.
33. Kaj pomeni selektor div p?
34. Kaj pomeni selektor div > p?
35. Kakšna je razlika med kombinatorjema + in ~?
36. Zakaj kombinatorja + in ~ ne delujeta med poljubnima elementoma v dokumentu?
37. Zapiši primer selektorja, ki izbere vse odstavke p znotraj elementa div.
38. Zapiši primer selektorja, ki izbere samo neposredne odstavke p v elementu div.
39. Kaj je psevdorazred v CSS?
40. Kaj je psevdoelement v CSS?
41. Kakšna je razlika med psevdorazredom :focus in :focus-visible?
42. Kakšna je razlika med :nth-child() in :nth-of-type()?
43. Zapiši primer selektorja, ki izbere povezavo, ko je nad njo kazalec.
44. Zapiši primer selektorja, ki izbere vnosno polje, ko je v fokusu.
45. Zapiši primer selektorja, ki izbere prvo črko odstavka.
46. Zapiši primer selektorja, ki vstavi vsebino pred odstavek.
47. Kateri pristopi so danes najpogosteje uporabljeni za sodobno postavitev strani v CSS?
48. Zakaj lastnost position navadno ni prva izbira za celotno glavno postavitev strani?
49. Za kaj danes najpogosteje uporabljamo lastnost float?
50. Kakšna je osnovna razlika med Flexboxom in Gridom?
51. Kaj omogoča pravilo @media?
52. Zapiši primer pravila CSS, ki vključi Flexbox.
53. Zapiši primer pravila CSS, ki vključi Grid postavitev.
54. Zapiši primer pravila CSS, ki element poravna levo z uporabo lebdenja.
55. Zapiši primer pravila CSS, ki element absolutno postavi na levi rob.
56. Zakaj je pri sodobnem spletnem oblikovanju pomembno poznati tudi starejše pristope, kot sta float in inline-block?
57. Kdaj je Grid navadno primernejši od Flexboxa?
58. Zakaj je za meni v HTML običajno primeren neurejen seznam povezav?
59. Kaj običajno dosežemo s pravilom list-style: none; pri meniju?
60. Zakaj je pri meniju pogosto koristno, da povezave prikažemo kot bločne elemente?
61. Kateri pristop je danes pogosto najprimernejši za vodoravno postavitev menija?
62. Kaj omogoča psevdorazred :focus-within pri spustnem meniju?
63. Zapiši primer pravila CSS, ki odstrani oznake neurejenega seznama.
64. Zapiši primer pravila CSS, ki povezavo v meniju prikaže kot bločni element.
65. Zapiši primer pravila CSS, ki vključi vodoravno postavitev menija s Flexboxom.
66. Zapiši primer selektorja, ki ob prehodu z miško spremeni ozadje povezave v meniju.
67. Kaj je značilno za preprosto galerijo s sličicami?
68. Kakšen je namen oznak figure in figcaption pri galeriji?
69. Kaj dosežemo z lastnostjo border-radius: 50% pri kvadratni sliki?
70. Zapiši primer pravila CSS, ki sliko pretvori v krožno obliko.
71. Zapiši primer pravila CSS, ki sliko kot bločni element vodoravno sredinsko poravna.