CSS Intermediate Concepts Quiz

Test your knowledge of essential CSS concepts including positioning, stacking context, specificity, units, pseudo-classes, variables, transitions, and media queries. This quiz is perfect for web developers looking to strengthen their understanding of modern CSS techniques.

Last Updated :
Discuss
Comments

Question 1

What does the :hover pseudo-class do?

  • Selects the first child

  • Applies styles when an element is clicked

  • Applies styles when the mouse is over the element

  • Selects the last child

Discuss it

Question 2

Which unit is relative to the root element's font size?

  • em

  • px

  • rem

  • vh

Discuss it

Question 3

In CSS specificity, which selector has the highest specificity?

  •  element selector

  • class selector

  • ID selector

  • universal selector

Discuss it

Question 4

Which of the following does NOT create a new stacking context?

  • opacity: 0.9

  • position: relative with z-index: 10

  • position: static

  • position: fixed

Discuss it

Question 5

What is a stacking context in CSS?

  • A group of elements with the same color

  • A conceptual three-dimensional space for stacking elements

  • A CSS selector

  • A type of media query

Discuss it

Question 6

Which property controls the stack order of positioned elements?

  • order

  • z-index

  • layer

  • float

Discuss it

Question 7

An element with position: absolute; is positioned relative to:

  • the viewport

  • its nearest positioned ancestor

  • the body

  • the next sibling

Discuss it

Question 8

Which positioning method will keep an element in the same place even when the page is scrolled?

  • absolute

  • sticky

  • fixed

  • relative

Discuss it

Question 9

What is the default value of the CSS position property?

  • relative

  • static

  • absolute

  • fixed

Discuss it

Question 10

Which CSS property is used to specify the type of positioning method for an element?

  • float

  • display

  • position

  • align

Discuss it

There are 15 questions to complete.

Take a part in the ongoing discussion
We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy