CSS Quiz

Correct Answers: 0
Incorrect Answers: 0
1. What does CSS stand for?
2. Which of the following is the correct syntax to link an external CSS file?
3. Which CSS property is used to change the text color of an element?
4. How do you select an element with the id 'header' in CSS?
5. Which property is used to control the spacing between lines of text?
6. What is the default value of the 'position' property?
7. Which of the following units is not relative?
8. Which CSS property is used to create space around elements, outside of any defined borders?
9. How do you make a list that lists its items with squares?
10. Which of the following is used to create a flex container in CSS?
11. Which CSS function is used to apply a linear gradient background?
12. How can you make an element invisible but still occupy space in the layout?
13. Which property is used to change the z-axis stacking order of elements?
14. Which pseudo-class is used to style an element that is being clicked?
15. What will 'flex: 1' do when applied to a flex item?
16. How do you select all elements of type 'div' that are the first child of their parent in CSS?
17. Which CSS property is used to apply a 3D transformation on an element?
18. Which CSS method can be used to import another stylesheet?
19. Which CSS property controls the order of items in a flex container?
20. Which CSS grid property specifies the number of columns in a grid layout?
21. What CSS property is used to change the font of an element?
22. Which of the following properties is used to control the size of an element's shadow?
23. How do you center a block element horizontally using CSS?
24. Which CSS property specifies the transparency of an element?
25. What value is used to set the CSS 'display' property to create a grid container?
26. Which of the following properties will make an element take the full width of its container?
27. Which CSS property is used to control the space between letters?
28. What is the purpose of the 'calc()' function in CSS?
29. How do you apply styles only to screen devices in CSS?
30. Which CSS property can be used to add rounded corners to an element?
31. Which value of the 'overflow' property ensures that overflowing content is hidden?
32. Which CSS property is used to specify how a background image should repeat?
33. What does 'vw' stand for in CSS units?
34. Which CSS property is used to change the appearance of the cursor when hovering over an element?
35. How do you create an inline-block element in CSS?
36. Which property allows text to overflow outside the container?
37. How do you target elements that are the last child of their parent?
38. Which CSS property is used to control the direction of the flex items in a flex container?
39. What will 'box-sizing: border-box;' do?
40. Which CSS property can be used to control the visibility of an element without affecting the layout?
41. Which CSS property defines the space between the element's border and its content?
42. What does the 'float' property do in CSS?
43. Which value of the 'position' property is used to position an element relative to the viewport?
44. How do you apply multiple background images to an element?
45. Which CSS property controls how an image or video should be resized to fit its container?
46. What does the 'clear' property do in CSS?
47. Which CSS function is used to rotate an element?
48. How do you make a grid item span multiple columns?
49. Which pseudo-element is used to insert content before an element?
50. Which of the following properties allows for animations in CSS?
51. How do you create a CSS variable?
52. Which CSS property can be used to create a smooth transition effect when a property value changes?
53. How can you apply a style to all 'p' elements inside a 'div'?
54. What will 'display: none;' do to an element?
55. Which property is used to set the starting position of a background image?
56. What does the 'flex-grow' property define?
57. Which CSS property can be used to change the alignment of text inside an element?
58. How do you make a container's child elements stack on top of each other in CSS Grid?
59. Which CSS property is used to specify the stacking order of elements?
60. Which CSS property is used to underline text?
61. What is the correct way to center an absolutely positioned element horizontally within its container?
62. Which of the following properties controls the flow of text wrapping around a floating element?
63. What does the 'clip-path' property do?
64. Which CSS property controls the amount of space between grid items?
65. Which of the following units is NOT considered relative?
66. What does the 'pointer-events' property control?
67. Which CSS function is used to set a specific size for a background image to cover the entire container?
68. Which of the following values for 'display' creates a block container with flex items inside it?
69. How do you apply a style to elements with both 'button' and 'active' classes?
70. What does the 'min-height' property define?
71. Which CSS property is used to change the style of list bullets?
72. What does 'justify-content: space-between;' do in a flex container?
73. Which value of the 'display' property hides an element without removing it from the document flow?
74. How do you create a media query that applies styles for devices wider than 768px?
75. Which CSS property controls the space between words in a text?
76. How do you select every other 'li' element starting from the first in a list?
77. What is the default value of the 'flex-direction' property in a flex container?
78. Which of the following CSS properties is used to control the order of elements in a grid container?
79. What is the purpose of 'text-transform: uppercase;'?
80. How do you apply styles to all 'input' elements that are disabled?
81. Which CSS property is used to add space inside an element’s border?
82. What does the 'vw' unit represent in CSS?
83. Which CSS property is used to make text bold?
84. How can you specify multiple background images for an element?
85. Which value of 'position' removes an element from the normal document flow?
86. Which CSS property controls the line height of text?
87. How do you create a comment in CSS?
88. Which CSS property is used to control the stacking order of elements?
89. What is the purpose of the 'hover' pseudo-class?
90. Which CSS property is used to create space between elements?
91. Which value of the 'display' property makes an element a flex container?
92. Which value of the 'overflow' property will add scrollbars if the content is too large?
93. Which CSS property controls the transparency of an element?
94. How do you target elements with both the class 'box' and the ID 'container'?
95. Which property is used to apply an image as the background of an element?
96. Which CSS property is used to add shadows to text?
97. How do you set an element to occupy the entire width of its parent container?
98. Which property is used to apply rounded corners to an element?
99. What does the 'nth-of-type()' selector do?
100. Which CSS property is used to make an element stick to the top of the page while scrolling?
101. Which of the following properties would you use to control the space between table cells?
102. What is the purpose of 'transform: scale(2);'?
103. Which CSS property is used to change the cursor's appearance when hovering over an element?
104. Which value of 'background-attachment' keeps a background image fixed while scrolling?
105. What is the default value of the 'flex-wrap' property?
106. Which CSS property is used to create a transition effect?
107. How do you select all 'span' elements inside a 'div' with class 'container'?
108. Which CSS property sets the distance between lines of text?
109. What does 'display: inline-block;' do to an element?
110. Which CSS property is used to change the order of elements in a flex container?
111. What is the function of the ':first-child' selector?
112. Which property is used to change the list marker type of a list item?
113. What does 'overflow: hidden;' do?
114. Which CSS property is used to control the visibility of an element?
115. How do you make an element's background color gradually change from blue to green?
116. Which CSS property controls the horizontal alignment of text within an element?
117. Which pseudo-class selects elements that have been visited by the user?
118. How do you create an animation that changes an element’s color from red to blue over 2 seconds?
119. Which CSS property defines how flex items are distributed along the main axis of the flex container when there is extra space?
120. What does the 'backface-visibility' property control?
121. Which value of the 'position' property positions an element relative to its closest positioned ancestor?
122. Which of the following is the correct syntax to create a CSS variable?
123. How do you make a grid item span across two rows in CSS Grid?
124. Which CSS property allows elements to overlap, with the one having the highest value appearing on top?
125. Which value of the 'overflow' property clips the content and adds a scrollbar only if necessary?
126. Which CSS function converts an RGB color to an HSL (Hue, Saturation, Lightness) format?
127. What is the effect of 'transform: rotate(90deg);' on an element?
128. Which of the following is NOT a valid value for the 'display' property?
129. Which CSS property is used to change how adjacent flex items wrap within a container?
130. How do you specify a fallback font in a font stack?
131. What does the 'grid-template-areas' property define?
132. Which CSS property sets the blending mode for an element’s background?
133. How can you set an element to have a box shadow that is inset?
134. What will 'flex: 1 0 auto;' do to a flex item?
135. Which CSS property can create rounded corners on an image?
136. How do you center a block element horizontally with CSS?
137. Which 'display' value creates a container that behaves like both 'inline' and 'block'?
138. What is the default 'flex-direction' in a flex container?
139. Which CSS property allows you to control the alignment of items within a flex container along the cross axis?
140. Which CSS function can be used to perform calculations directly in your styles?
141. How do you ensure that an element always retains a 16:9 aspect ratio using CSS?
142. What is the purpose of the CSS property 'object-fit: cover;'?
143. Which CSS pseudo-element is used to insert content before an element’s actual content?
144. What is the default value of the 'grid-auto-flow' property?
145. Which CSS property is used to create a smooth scrolling effect for an entire webpage?
146. Which CSS property specifies whether an element should be displayed as a block, inline, or inline-block element?
147. Which CSS value will add a 2px solid border to all table cells?
148. What will 'grid-template-columns: repeat(3, 1fr);' do in a grid container?
149. What is the effect of 'text-transform: capitalize;'?
150. Which CSS property defines the order of flex items within a container?
151. How would you prevent a flex item from shrinking?
152. How do you create a grid layout with 4 equally sized columns using CSS Grid?
153. Which CSS function is used to change the hue, saturation, or lightness of a color?
154. Which CSS property is used to adjust the space between the border and content of an element?
155. Which value of 'justify-content' distributes flex items with space between them, but with no space at the edges?
156. How do you apply a CSS transition to change an element's color smoothly over 2 seconds?
157. Which of the following is NOT a valid way to apply multiple classes to an element in CSS?
158. Which CSS property allows you to set the gap between grid items in a CSS Grid layout?
159. What does the 'isolation' property control in CSS?
160. Which of the following is a valid CSS custom media query definition?
161. Which CSS property controls how line breaks are handled within an element?
162. How would you create an animation that starts immediately and loops infinitely?
163. Which of the following will set a grid item to occupy 3 columns from the 2nd column?
164. Which CSS property can be used to create a multi-column layout?
165. Which of the following is not a valid value for the 'overflow' property?
166. Which CSS property determines how an element behaves when it is too large to fit in its container?
167. Which CSS function is used to create a repeating linear gradient?
168. How would you disable pointer events on an element?
169. Which CSS pseudo-class selects an element when it has keyboard focus?
170. Which CSS property sets the baseline from which the height of line boxes is calculated?
171. What does the CSS property 'all: unset;' do?
172. Which CSS function can be used to convert a hexadecimal color to an RGBA color?
173. How do you define a transition that lasts 500 milliseconds and delays by 200 milliseconds?
174. Which CSS property is used to define the color of text selection?
175. Which CSS property controls how long it takes for an animation to start after it is applied?
176. Which of the following CSS properties is not animatable?
177. Which CSS property is used to specify the name of an animation?
178. Which CSS property is used to define the length of time an animation takes to complete one cycle?
179. What is the default value of the 'animation-timing-function' property?
180. How do you specify that an animation should run infinitely?
181. Which keyword defines the state of an element at the end of an animation?
182. Which CSS property defines when an animation will start?
183. Which CSS rule is used to define the keyframes of an animation?
184. What does 'animation-direction: alternate;' do?
185. Which of the following properties is used to set multiple animations on a single element?
186. How can you apply different animation timing functions at different keyframes?
187. What value of 'animation-fill-mode' will keep the element in the state defined by the last keyframe?
188. Which CSS property specifies the number of times an animation should be played?
189. How do you pause a CSS animation?
190. What does the 'animation-fill-mode: both;' property do?
191. Which of the following is a shorthand property for setting all animation properties?
192. Which value of 'animation-timing-function' produces a steady speed from start to finish?
193. Which property controls whether an animation is currently running or paused?
194. How do you make an animation delay for 2 seconds before starting?
195. What is the purpose of the 'keyframes' in CSS animations?
196. Which CSS property defines whether an animation should play in reverse on alternate cycles?
197. Which CSS property can be used to animate the background color of a table cell?
198. How can you create a fade-in effect for a table row when it is hovered over?
199. What is the best way to add a bounce effect to a table header on hover?
200. Which CSS property allows you to animate the border of a table cell?
201. How do you create a sliding animation effect for table rows when they are added to the DOM?
202. Which CSS property is used to set the spacing between the borders of adjacent table cells?
203. What is the effect of setting 'table-layout: fixed;' on a table?
204. Which HTML attribute is used to specify the alignment of text within a table cell?
205. How can you apply a border to a table element using CSS?
206. Which CSS property can be used to set the width of a table?

Featured Posts

MBBS Jargons Quiz

Correct Answers: 0 Incorrect Answers: 0 1. Which term refers to the surgical removal of a part of an orga...

Popular Posts