CSS Quiz How good is your cascading Skills? 1. Which CSS property controls the text color? font-color color text-color background-color 2. What does the float property do? Moves element left or right Centers text Adds spacing Changes font size 3. Which property defines the font? font-style font-family font-weight text-align 4. How do you make list items horizontal? list-style: horizontal display: inline float: none block 5. Which selector targets all elements? * p #p .p 6. Which property changes the background color of an element? color background background-color bg-color 7. Which unit is relative to the font size of the element? px % em cm 8. Which property controls the space inside an element? margin padding border spacing 9. Which property controls the space outside an element? padding spacing margin outline 10. How do you make text bold in CSS? font-style: bold; text-weight: bold; font-weight: bold; weight: bold; 11. Which property aligns text horizontally? align position float text-align 12. What does `display: none;` do? Hides the element but keeps its space Removes the element and its space Makes the element transparent Disables the element 13. What does `visibility: hidden;` do? Removes the element Hides the element but keeps its space Makes it transparent Deletes the element 14. Which property controls the stacking order of elements? order layer z-index stack 15. Which position value places an element relative to itself? absolute fixed relative static 16. Which position removes an element from the normal flow? relative static absolute inherit 17. Which CSS layout system is one-dimensional? Grid Flexbox Float Table 18. Which property enables Flexbox layout? position: flex; layout: flex; display: flex; flex: on; 19. Which property controls spacing between flex items? margin gap padding spacing 20. Which CSS property controls element transparency? visibility alpha transparent opacity 21. How do you apply a CSS file to HTML using <>? css src="" script href="" link rel="stylesheet" style src="" 22. Which selector targets an element with id="main"? .main main #main *main 23. Which selector targets elements with class="box"? #box box .box *box 24. Which CSS property rounds element corners? corner-radius border-round radius border-radius 25. Which media query targets screens smaller than 600px? @media (max-width: 600px) @media (min-width: 600px) @screen < 600px @responsive 600px 26. Which property adds a shadow to text? box-shadow text-shadow shadow font-shadow 27. Which CSS property changes the mouse cursor? mouse pointer hover cursor 28. What allows you to add a hover effect over an element? color scroll cursor hover 29. What are transitions measured in? mili seconds nano seconds seconds minutes 30. How do you emphasize an `H` tag? bold solid highlight strong Submit Answers
