Preverjanje: ustna vprašanja

Minimalni nivo CSS

1. Iz katerih dveh osnovnih delov je sestavljeno pravilo CSS?
2. Kaj določa selektor v pravilu CSS?
3. Kako je zapisana posamezna deklaracija v CSS?
4. Kaj pomeni zapis font-family: Helvetica, sans-serif;?
5. Pojasni razliko med elementoma <div> in <span>.
6. Zapiši primer deklaracije, ki določa zeleno barvo besedila.
7. Na katere tri osnovne načine lahko vključimo CSS v spletni dokument?
8. Kako povežemo zunanjo slogovno predlogo s HTML dokumentom?
9. Kje v dokumentu HTML določimo notranjo slogovno predlogo?
10. Kdaj uporabljamo slog znotraj oznake?
11. Zakaj je pri večstranskem spletišču navadno najprimernejša zunanja slogovna predloga?
12. Zapiši primer uporabe atributa style pri elementu <span>.
13. Iz katerih osnovnih delov je sestavljeno pravilo CSS?
14. Iz katerih dveh delov je sestavljena deklaracija v CSS?
15. Kako ločimo posamezne deklaracije, kadar jih je v enem pravilu več?
16. Kaj pomeni zapis body { color: gray; }?
17. Zakaj pri imenih pisav z več besedami pogosto uporabimo narekovaje?
18. Zapiši primer pravila CSS, ki določa rdečo barvo za element <h2>.
19. Kako v CSS označimo začetek in konec komentarja?
20. Ali je lahko komentar v CSS enovrstičen in večvrstičen?
21. Ali se komentarji CSS pokažejo v prikazu spletne strani?
22. Za kaj so komentarji v CSS uporabni?
23. Kaj se lahko zgodi, če komentar v CSS ni pravilno zaključen?
24. Zapiši primer komentarja v CSS.
25. Naštej tri osnovne vrste CSS selektorjev!
26. Kaj izbere selektor elementa HTML?
27. Kdaj uporabimo atribut id?
28. Kdaj uporabimo atribut class?
29. Ali lahko element HTML pripada več razredom?
30. Zapiši primer CSS selektorja za element z atributom id="naslov".
31. Kaj omogočajo CSS selektorji?
32. Kaj pomeni zapis selektorja *?
33. Kaj pomeni selektor oblike A?
34. Kaj dosežemo z dodatnimi pogoji pri selektorju?
35. Naštej vsaj tri vrste dodatnih pogojev pri CSS selektorjih.
36. Zapiši primer univerzalnega selektorja, ki vsem elementom določi rdečo barvo.
37. Kaj pomeni združevanje selektorjev v CSS?
38. Kako v CSS ločimo združene selektorje?
39. Zakaj je združevanje selektorjev koristno?
40. Kdaj je smiselno združiti več selektorjev v eno pravilo?
41. Ali je presledek za vejico pri združenih selektorjih nujen?
42. Zapiši primer združenih selektorjev za elemente <h1>, <h2> in <p>.
43. Kako v CSS pravilno zapišemo mero s številom in enoto?
44. Ali moramo pri vrednosti 0 vedno zapisati tudi enoto?
45. Kako delimo enote v CSS?
46. Kaj so relativne enote v CSS?
47. Kaj pomenita enoti vw in vh?
48. Zapiši tri absolutne enote v CSS.
49. Zapiši tri relativne enote v CSS.
50. Zapiši primer pravilnega odstotkovnega zapisa v CSS.
51. Zapiši primer mere v CSS.
52. Zapiši primer relativne enote in primer absolutne enote v CSS.
53. Na katere načine lahko v CSS zapišemo barvo?
54. Kaj pomeni zapis RGB pri določanju barv?
55. Kaj določa alfa komponenta pri zapisih rgba() in hsla()?
56. Kaj pomeni vrednost transparent v CSS?
57. Kaj pomenijo črke HSL?
58. Zapiši primer šestnajstiškega zapisa modre barve.
59. Zapiši primer zapisa zelene barve z uporabo rgb().
60. Zapiši primer zapisa barve z uporabo hsl().
61. Kaj določa lastnost font-family?
62. Zakaj je pri lastnosti font-family priporočljivo navesti tudi generično družino pisav?
63. Kaj določa lastnost font-size?
64. Kaj določa lastnost font-weight?
65. Kaj določa lastnost line-height?
66. Zapiši primer lastnosti font-family z več pisavami in generično družino.
67. Zapiši primer vrednosti lastnosti font-style za ležeče besedilo.
68. Zapiši primer bližnjice font.
69. Kaj določa lastnost font-style?
70. Kaj določa lastnost font-variant?
71. Kaj omogoča pravilo @font-face?
72. Zapiši primer lastnosti font-size z relativno enoto.
73. Zapiši primer lastnosti line-height z brez-enotno vrednostjo.
74. Katera lastnost v CSS določa barvo besedila?
75. Naštej tri pogoste vrednosti lastnosti text-decoration.
76. S katero lastnostjo pretvorimo besedilo v velike črke?
77. Kako v CSS določimo sredinsko poravnavo besedila?
78. Kaj dosežemo z lastnostjo text-indent?
79. Katera lastnost doda besedilu senco?
80. Kakšna je razlika med lastnostma letter-spacing in word-spacing?
81. Zakaj uporabljamo lastnost white-space?
82. Pri katerih elementih je lastnost vertical-align smiselna?
83. Katera lastnost določa smer izpisa besedila od leve proti desni ali od desne proti levi?
84. Zapiši primer lastnosti color za modro besedilo.
85. Zapiši primer lastnosti text-decoration za podčrtano besedilo.
86. Zapiši primer lastnosti text-transform za velike začetnice vsake besede.
87. Zapiši primer lastnosti white-space, ki ohranja bele znake in prelome vrstic.
88. S katero lastnostjo v CSS določimo barvo ozadja elementa?
89. Katera lastnost določa sliko v ozadju elementa?
90. Kaj pomeni vrednost no-repeat pri lastnosti background-repeat?
91. Kako določimo položaj slike v ozadju znotraj elementa?
92. Kakšna je razlika med vrednostma cover in contain pri lastnosti background-size?
93. Kaj določa lastnost background-attachment?
94. Zakaj je pri sliki v ozadju koristno določiti tudi barvo ozadja?
95. Kaj omogoča bližnjica background?
96. Zapiši primer lastnosti background-color za svetlo modro ozadje.
97. Zapiši primer lastnosti background-image z datoteko ozadje.png.
98. Zapiši primer lastnosti background-repeat, pri kateri se slika ponavlja samo vodoravno.
99. Zapiši primer lastnosti background-position za desni zgornji položaj slike.
100. Zapiši primer lastnosti background-size, pri kateri slika prekrije celotno ozadje.
101. Zapiši primer bližnjice background z barvo, sliko in brez ponavljanja.
102. Katera stanja povezav lahko v CSS opišemo s psevdorazredi?
103. Kaj pomeni psevdorazred :visited?
104. Zakaj je pri oblikovanju povezav pomemben vrstni red LVHA?
105. Kaj izbere psevdorazred :any-link?
106. Kakšna je razlika med psevdorazredoma :focus in :focus-visible?
107. Na kaj moramo posebej paziti pri dostopnem oblikovanju povezav?
108. Kaj je pri psevdorazredu :visited zaradi zasebnosti omejeno?
109. Zapiši primer pravila za neobiskano povezavo z modro barvo.
110. Zapiši primer pravila, pri katerem se povezava ob prehodu kazalca podčrta.
111. Zapiši primer pravila za viden fokus povezave z obrisom.
112. Kakšna je razlika med neurejenim in urejenim seznamom?
113. S katero lastnostjo določimo vrsto oznake ali številčenja pri seznamu?
114. Kaj pomeni vrednost upper-roman pri lastnosti list-style-type?
115. Kaj omogoča lastnost list-style-image?
116. Kakšna je razlika med vrednostma inside in outside pri lastnosti list-style-position?
117. Kaj omogoča psevdodelec ::marker?
118. Katere tri lastnosti združuje bližnjica list-style?
119. Zapiši primer lastnosti list-style-type za kvadratne oznake.
120. Zapiši primer lastnosti list-style-position, pri kateri je oznaka znotraj vsebine.
121. Zapiši primer bližnjice list-style za velike rimske številke zunaj vsebinskega bloka.
122. Katere štiri osnovne dele sestavlja škatlasti model CSS?
123. Kaj pomeni notranji odmik pri škatlastem modelu?
124. Kaj pomeni zunanji odmik pri škatlastem modelu?
125. Kako se pri privzetem modelu content-box razume vrednost width?
126. Kaj naredi lastnost box-sizing: border-box?
127. Kaj se lahko zgodi z navpičnimi zunanjimi odmiki sosednjih blokovnih elementov?
128. Zakaj se v praksi pogosto uporablja box-sizing: border-box?
129. Zapiši primer pravila, ki elementu nastavi notranji odmik 20px.
130. Zapiši primer pravila, ki elementu nastavi obrobo debeline 5px s polno sivo črto.
131. Zapiši primer pravila, ki vsem elementom in psevdoelementom nastavi model border-box.
132. Katere tri osnovne lastnosti roba v CSS najpogosteje določamo?
133. Zakaj rob ni viden, če določimo samo border-width in border-color?
134. Kaj pomeni vrednost dashed pri lastnosti border-style?
135. Kako se pri dveh vrednostih razporedijo vrednosti pri lastnosti border-style, na primer v zapisu border-style: solid dotted;?
136. Kaj omogoča lastnost border-radius?
137. Kdaj je smiselno uporabiti lastnost border-bottom namesto lastnosti border?
138. Kaj določa lastnost border-radius?
139. Zapiši primer pravila, ki elementu nastavi neprekinjen črn rob debeline 3px.
140. Zapiši primer pravila, ki elementu nastavi spodnji črtkani oranžni rob debeline 3px.
141. Zapiši primer pravila, ki elementu nastavi zaobljene vogale v velikosti 12px.
142. Kako se lastnost outline razlikuje od lastnosti border?
143. Zakaj je lastnost outline posebej uporabna pri prikazu fokusa?
144. Kaj določa lastnost outline-style?
145. Kaj določa lastnost outline-offset?
146. Kaj pomeni vrednost currentColor pri lastnosti outline-color?
147. Zakaj ni dobro odstraniti vidnega fokusa pri interaktivnih elementih brez nadomestne rešitve?
148. Zapiši primer pravila, ki elementu nastavi neprekinjeno sivo zunanjo obrobo debeline 4px.
149. Zapiši primer pravila, ki elementu nastavi razmik zunanje obrobe od roba v velikosti 6px.
150. Zapiši primer pravila, ki elementu nastavi barvo zunanje obrobe na trenutno barvo besedila.
151. Kaj je dobra praksa pri zapisovanju vrednosti v bližnjici outline?
152. Kaj je glavna razlika med lastnostma padding in margin?
153. Kako velja zapis štirih vrednosti pri bližnjici padding ali margin?
154. Zakaj vrednost auto pri lastnosti padding ni primerna?
155. Kaj omogoča zapis margin: 0 auto;?
156. Kaj pomeni, da se navpični zunanji odmiki lahko združijo?
157. Kdaj so logične lastnosti odmikov posebej uporabne?
158. Zapiši primer pravila, ki elementu nastavi enak notranji odmik 20px na vseh straneh.
159. Zapiši primer pravila, ki elementu nastavi levi notranji odmik 40px.
160. Zapiši primer pravila, ki element vodoravno poravna na sredino z uporabo lastnosti margin.
161. Zakaj negativne vrednosti pri lastnosti padding niso dovoljene, pri lastnosti margin pa so mogoče?
162. Zakaj je pri oblikovanju tabel pomembno razlikovati med elementoma th in td?
163. Kaj dosežemo z lastnostjo border-collapse: collapse?
164. Kdaj lastnost border-spacing sploh učinkuje?
165. Zakaj je pri tabelah pogosto koristno uporabiti element caption?
166. Kako se vrednosti auto in fixed razlikujeta pri lastnosti table-layout?
167. Kaj določa lastnost empty-cells?
168. Zapiši primer pravila, ki tabeli nastavi združene robove celic.
169. Zapiši primer pravila, ki naslovnim in navadnim celicam nastavi enak notranji odmik 12px.
170. Zapiši primer pravila, ki opisu tabele določi prikaz pod tabelo.
171. Zakaj lastnost border-spacing ni primerna, kadar želimo videz enotne mreže brez presledkov med celicami?
172. Kaj določimo z lastnostjo caption-side?
173. Pri kateri lastnosti tabele lahko določimo, ali bodo širine stolpcev bolj odvisne od vsebine ali bolj predvidljivo izračunane?
174. Katera lastnost določa vodoravno poravnavo besedila v celicah tabele?
175. Zapiši primer pravila, ki tabeli določi širino 100%.
176. Zapiši primer pravila, ki praznim celicam dovoli prikaz roba in ozadja.
177. Zapiši primer pravila, ki celicam tabele nastavi navpično poravnavo na dno celice.
178. Kaj v CSS pomeni izraz kaskada?
179. Katere štiri stvari so pri kaskadi najpomembnejše, ko več pravil velja za isti element?
180. Kdaj velja zadnje zapisano CSS pravilo?
181. Zakaj je z uporabo !important dobro ravnati previdno?
182. Kaj omogoča pravilo @layer?
183. Kateri način dodajanja slogov je v praksi navadno najprimernejši za pregledno organizacijo večje spletne strani?
184. Kaj v CSS pomeni dedovanje?
185. Katere lastnosti se navadno pogosteje dedujejo: lastnosti besedila ali lastnosti ozadja in odmikov?
186. Kaj dosežemo s ključno besedo inherit?
187. Kako se obnaša ključna beseda unset?
188. Zapiši primer pravila, ki otroku izrecno določi, naj prevzame barvo od starša.
189. Zapiši primer lastnosti, ki se navadno ne deduje.
190. Kaj dosežemo z zapisom !important v deklaraciji CSS?
191. Kam v deklaraciji zapišemo !important?
192. Kaj odloča med dvema deklaracijama, ki sta obe označeni z !important?
193. Zakaj je pravilo !important dobro uporabljati previdno?
194. Zapiši primer deklaracije, ki določa modro barvo besedila z uporabo !important.
195. Zapiši primer pravila za element p, ki določa rdečo barvo besedila z uporabo !important.
196. Kaj določa lastnost CSS width?
197. Kakšna je razlika med lastnostma width in max-width?
198. Kaj določa lastnost min-height?
199. Zakaj je pri besedilu potrebna previdnost pri uporabi fiksne lastnosti height?
200. Kaj omogoča lastnost aspect-ratio?
201. Zapiši primer pravila CSS, ki določa elementu širino 200 pikslov.
202. Zapiši primer pravila CSS, ki določa sliki največjo širino 100 % in samodejno višino.
203. Zapiši primer pravila CSS, ki določa kvadratno razmerje stranic z uporabo lastnosti aspect-ratio.
204. Pojasni razliko med lastnostma display: none in visibility: hidden.
205. Katera vrednost lastnosti display omogoča, da element ostane v vrstici, hkrati pa mu lahko določimo širino in višino?
206. Kaj določa lastnost overflow?
207. Kdaj je smiselno uporabiti vrednost overflow: auto?
208. Kaj pomeni vrednost flow-root pri lastnosti display?
209. Zapiši pravilo CSS, ki element popolnoma odstrani iz postavitve strani.
210. Zapiši pravilo CSS, ki element skrije, vendar ta še vedno zaseda prostor.
211. Zapiši primer pravila CSS, ki določa samodejni prikaz drsnikov le takrat, ko so potrebni.
212. Kaj določa lastnost position v CSS?
213. Naštej pet najpogostejših vrednosti lastnosti position.
214. Kdaj lastnosti left, right, top in bottom nimajo učinka?
215. Pojasni razliko med vrednostma relative in absolute.
216. Zakaj je pri absolutnem pozicioniranju pogosto smiselno, da ima nadrejeni element nastavljeno vrednost position: relative?
217. Kaj je značilno za element z vrednostjo position: fixed?
218. Zakaj pri lepljivem pozicioniranju navadno določimo tudi vrednost top?
219. Kaj določa lastnost z-index?
220. Zapiši primer pravila CSS, ki elementu določi običajno statično pozicioniranje.
221. Zapiši primer pravila CSS, ki elementu določi relativno pozicioniranje ter odmik 20px navzdol in 30px v desno.
222. Zapiši primer pravila CSS, ki element absolutno postavi 20px od vrha in 30px od levega roba referenčnega območja.
223. Zapiši primer pravila CSS za lepljiv element, ki se prilepi na vrh območja.