CSS Logic Implementation Quiz

Last Updated :
Discuss
Comments

Question 1

Which property is used to initialize a CSS counter?

  • A

    counter-set

  • B

    counter-reset

  • C

    counter-init

  • D

    counter-start

Question 2

What does this do?

counter-increment: section;

  • A

    Resets counter

  • B

    Decreases counter

  • C

    Increases counter value

  • D

    Displays counter

Question 3

Which function is used to display a counter value?

  • A

    counter()

  • B

    display-counter()

  • C

    count()

  • D

    show-counter()

Question 4

Which property specifies the number of columns?

  • A

    columns-number

  • B

    column-layout

  • C

    grid-columns

  • D

    column-count

Question 5

What does column-gap control?

  • A

    Height between columns

  • B

    Space between columns

  • C

    Column width

  • D

    Border between columns

Question 6

What is the shorthand property for column width and count?

  • A

    column-style

  • B

    column-layout

  • C

    columns

  • D

    multi-column

Question 7

Which rule is used for responsive design?

  • A

    @rule

  • B

    @responsive

  • C

    @screen

  • D

    @media

Question 8

Which condition targets screens smaller than 768px?

  • A

    @media (min-width: 768px)

  • B

    @media (width: 768px)

  • C

    @media (max-width: 768px)

  • D

    @media (screen-width < 768px)

Question 9

What does @supports do?

  • A

    Checks browser version

  • B

    Applies styles based on feature support

  • C

    Loads external CSS

  • D

    Enables animations

Question 10

Which property replaces margin-left in logical terms?

  • A

    margin-inline-start

  • B

    margin-block-start

  • C

    margin-inline-end

  • D

    margin-left-logical

Tags:

There are 15 questions to complete.

Take a part in the ongoing discussion