Manual Quiz

10 Questions

CSS3 Quiz

Test your knowledge of CSS3 concepts and properties

Created by NotAdmin • Dec 08, 2025

Question 1

Which property is used to change the font of an element in CSS3?

A font-family

B text-style

C font-type

D text-font

Question 2

What does the 'box-shadow' property do in CSS3?

A It adds shadow effects around an element's box.

B It creates a shadow behind text only.

C It changes the background color of an element.

D It outlines an element with shadow.

Question 3

Which CSS3 property can be used to create a gradient background?

A background-gradient

B linear-gradient

C gradient-background

D bg-gradient

Question 4

How do you center a block element horizontally with CSS3?

A margin: auto;

B align: center;

C center: block;

D text-align: center;

Question 5

In CSS3, which of the following is a valid way to create a transition effect?

A transition-duration: 2s;

B animate: 2s;

C transition: all 2s;

D effect: 2s;

Question 6

What is the purpose of the 'flexbox' model in CSS3?

A To create responsive grid layouts.

B To align and distribute space among items in a container.

C To apply animations on elements.

D To set fixed widths for elements.

Question 7

Which of the following properties is used to control the size of an element's text?

A font-size

B text-size

C size

D text-height

Question 8

How can you add rounded corners to an element in CSS3?

A border-radius

B corner-radius

C border-corners

D round-corners

Question 9

What does the 'z-index' property control in CSS3?

A The size of an element.

B The stacking order of elements.

C The visibility of an element.

D The opacity of an element.

Question 10

Which of the following is a valid CSS3 media query?

A @media screen and (min-width: 600px) { }

B @media (max-width: 600px) { }

C @media only screen { }

D @media (width: 600px) { }

Back to Home