CSS Logic Implementation Quiz

Last Updated :
Discuss
Comments

Question 1

Which property is used to initialize a CSS counter?

  • counter-set

  • counter-reset

  • counter-init

  • counter-start

Question 2

What does this do?

counter-increment: section;

  • Resets counter

  • Decreases counter

  • Increases counter value

  • Displays counter

Question 3

Which function is used to display a counter value?

  • counter()

  • display-counter()

  • count()

  • show-counter()

Question 4

Which property specifies the number of columns?

  • columns-number

  • column-layout

  • grid-columns

  • column-count

Question 5

What does column-gap control?

  • Height between columns

  • Space between columns

  • Column width

  • Border between columns

Question 6

What is the shorthand property for column width and count?

  • column-style

  • column-layout

  • columns

  • multi-column

Question 7

Which rule is used for responsive design?

  • @rule

  • @responsive

  • @screen

  • @media

Question 8

Which condition targets screens smaller than 768px?

  • @media (min-width: 768px)

  • @media (width: 768px)

  • @media (max-width: 768px)

  • @media (screen-width < 768px)

Question 9

What does @supports do?

  • Checks browser version

  • Applies styles based on feature support

  • Loads external CSS

  • Enables animations

Question 10

Which property replaces margin-left in logical terms?

  • margin-inline-start

  • margin-block-start

  • margin-inline-end

  • margin-left-logical

Tags:
CSS

There are 15 questions to complete.

Take a part in the ongoing discussion