CSS Interview Questions Quiz Part 2

Are you preparing for a CSS Interview?

Test your skills with this quiz and see how well you know the fundamentals of CSS. These 10 questions are designed to challenge both beginners and intermediate developers, helping you identify areas where you might need more practice.

1 votes, 5 avg

Start Your Coding Journey!!

Thanks for Participating!!!

Created on October 03, 2024 By

PC Prajapat

CSS Interview Questions Quiz Part 2

Register

NameEmail

1 / 10

Which of the following will center a fixed-size block element both horizontally and vertically within a flex container?

A) align-items: center; justify-content: center;

B) display: block; margin: auto;

C) position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

D) display: inline-flex; margin: auto;

2 / 10

Which of the following methods can prevent an element from collapsing its parent container's height when floated?

A) clear: both

B) display: inline-block

C) overflow: hidden on the parent

D) float: none

3 / 10

What does the backdrop-filter property do?

A) Applies effects like blur or brightness to the element's background

B) Applies effects to the parent container

C) Blurs only the foreground content

D) Adds a filter to the border of an element

4 / 10

Which of the following CSS properties does not trigger a reflow when changed?

A) width

B) color

C) padding

D) border-width

5 / 10

What is the purpose of the contain property in CSS?

A) To create a container around elements with specific padding

B) To control an element's bounding box, limiting its impact on the layout

C) To allow elements to overflow their parent container

D) To prevent child elements from inheriting parent styles

6 / 10

Which CSS feature allows an element to be aligned horizontally in the center of a flex container?

A) justify-content: center

B) align-items: center

C) flex-direction: center

D) text-align: center

7 / 10

Which of the following pseudo-classes selects an element that is the only child of its parent?

A) :only-of-type

B) :only-child

C) :first-child

D) :nth-child(1)

8 / 10

In CSS Grid, what does the auto-fill keyword do in grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));?

A) It repeats the grid tracks as many times as possible based on the available space.

B) It fills the grid area with equal-width columns regardless of available space.

C) It automatically fills the available space with rows.

D) It stretches each grid item to the size of the viewport

9 / 10

What is the default display property of a <span> element?

A) block

B) inline-block

C) inline

D) none

10 / 10

Which of the following is NOT a valid CSS length unit?

A) ch

B) em

C) fr

D) mm

Your score is

The average score is 40%

Exit

Rate us.

Thanks for your valuable feedback.

We Value Your Feedback: We hope this quiz helps you in your preparation! If you have any suggestions, feedback, or want more such quizzes, feel free to reach out to us via:

WhatsApp: +91 7728819564
Email: codebypc@gmail.com

Your input helps us improve and create better content for you!

CSS Interview Questions Quiz Part 2

Comments

Leave a Reply Cancel reply