CSS Quiz

Pass with 7 / 10 to unlock your certificate.

1. 1. Which selector has the highest specificity?

   #id.classelement*

2. 2. What does `display: flex` apply to?

   Children of the elementThe element itselfBothNeither

3. 3. Which unit is relative to the root font size?

   emrempx%

4. 4. What does `box-sizing: border-box` do?

   Excludes padding from widthIncludes padding & border in widthAdds a borderResets margins

5. 5. Which property animates between two states?

   @keyframestransitionanimatetransform

6. 6. Which value of `position` removes the element from normal flow?

   relativestaticabsolutesticky

7. 7. How do you center a flex child horizontally?

   justify-content: centeralign-items: centertext-align: centermargin: auto

8. 8. What is the cascade?

   A loopResolution of conflicting rules by specificity, source order and originInheritance onlyA type of animation

9. 9. Which media feature targets dark mode?

   color-schemeprefers-color-schemethemedark-mode

10. 10. Which is a valid CSS Grid property?

    grid-template-columnsgrid-rowsgrid-flexgrid-flow-direction