Welcome to our CSS Quiz! CSS, or Cascading Style Sheets, is the language used to style web pages and give them a visually appealing look. In this quiz, you’ll be challenged on your knowledge of CSS selectors, properties, and values. From the basics of applying colors and fonts to more advanced concepts like layout and animation, our quiz covers a wide range of topics to test your knowledge. So, whether you’re a beginner or an experienced web developer, let’s dive in and see how much you know about CSS!


CSS Quiz

Test your knowledge of CSS selectors, properties, and values with our interactive quiz!

1 / 30

z-index mainly works on

2 / 30

________ property specifies delay of an animation.

3 / 30

If the value of the z-index is -1, will the text be displayed?

4 / 30

What is the function of this property? list-style-type: none;

5 / 30

What is the list-style image?

6 / 30

In CSS, what is h1 called?

7 / 30

Which of these is a state of link?

8 / 30

Which is the correct syntax for selecting the p siblings of a div element?

9 / 30

What are web-safe fonts?

10 / 30

How to specify the transparency of an element in CSS?

11 / 30

What is the function of text-indent?

12 / 30

If we have not specified the duration of the transition, then

13 / 30

The shorthand property for text-decoration is

14 / 30

Which function is used to create CSS variables?

15 / 30

What is the function of text-align-last in CSS?

16 / 30

Which property is used to create an image reflection?

17 / 30

The text-align property is used to set _______ alignment of a text.

18 / 30

Which CSS property specifies the painting area of the background?

19 / 30

Which of these properties is used to make a responsive table?

20 / 30

The property adds a space between an outline and the border of an element.

21 / 30

What will be the width of the div element given below? div {
width: 530px;
padding: 24px;
border: 3px solid black;
margin: 0;

22 / 30

In the below code, in what order will the margin be set? p {
margin: 55px 60px 75px 70px;

23 / 30

Which is the property that ensures that the outline is visible regardless of color background.

24 / 30

What is the syntax of the var() function?

25 / 30

In CSS box-sizing property, width + padding + border is equals to

26 / 30

The height & width property is set.

27 / 30

Which of the following property is the shorthand property for flex-direction and flex-wrap?

28 / 30

Which property specifies a mask layer image and needs a transparent or semi-transparent area?

29 / 30

The below code is an example of?

Table of Contents

Coding Ninjas

This is a Coding Blog

30 / 30

What are the values of height and width?


  • Barry Allen

    A Full Stack Developer with 10+ years of experience in different domain including SAP, Blockchain, AI and Web Development.

    View all posts


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.