CSS Quiz Test Online (30 random Questions) 2026

Take this CSS Quiz Test Online and challenge your knowledge with 30 carefully crafted questions. Whether you’re a beginner or an experienced developer, this quiz will help you assess your understanding of CSS fundamentals, styling techniques, selectors, properties, layouts, and advanced concepts.

0 votes, 0 avg

You have 30 minutes to complete the quiz. The timer will start when you click the 'Start Quiz' button. Please ensure you are ready before beginning.

Time is up! Your quiz has ended. Your responses have been submitted automatically.

30 Minutes CSS Quiz Test Online

Test your CSS knowledge with this 30-minute quiz! Covering fundamental to advanced concepts, this quiz features 30 multiple-choice questions that will challenge your understanding of selectors, properties, layout techniques, animations, and responsive design. Perfect for interview preparation and skill enhancement.

1 / 30

What is the specificity of the following CSS rule: #header .nav li.active?

A) 111

B) 1100

C) 121

D) 112

2 / 30

Which CSS property is used to specify the viewport width in a media query?

A) window-width

B) viewport-width

C) device-width

D) screen-width

3 / 30

Which CSS3 property is used to specify the opacity of an element?

A) transparent

B) visibility

C) opacity

D) alpha

4 / 30

Which vendor prefix is associated with Safari?

A) -webkit-

B) -o-

C) -moz-

D) -ms-

5 / 30

Which CSS3 property is used to create animations?

A) transform

B) keyframes

C) animate

D) transition

6 / 30

Which CSS3 feature is used to apply rounded corners to elements?

A) text-shadow

B) box-shadow

C) opacity

D) border-radius

7 / 30

Which symbol is used for the universal selector in CSS?

A) %

B) $

C) *

D) ^

8 / 30

Which CSS property is used to change the background color of an element?

A) background

B) background-color

C) color

D) text-color

9 / 30

In Grid, what does the grid-gap property control?

A) The space between grid lines

B) The size of grid rows

C) The space between grid items

D) The size of grid columns

10 / 30

What is the specificity of the following selector: body .container #content?

A) 110

B) 100

C) 101

D) 111

11 / 30

Which CSS property is used to make text italic?

A) font-style

B) italic

C) text-style

D) font-italic

12 / 30

What does the term 'Cascading' refer to in CSS?

A) Applying styles from parent to child elements

B) Applying styles from child to parent elements

C) Applying styles from top to bottom

D) Applying styles based on specificity

13 / 30

Which selector has higher specificity: .content or div.content?

A) .content

B) Both have the same specificity

C) div.content

D) Cannot be determined

14 / 30

Which CSS property is used to control the spacing between lines of text?

A) spacing

B) text-spacing

C) line-spacing

D) line-height

15 / 30

Which CSS3 feature is used to create 2D and 3D transformations?

A) transition

B) transform

C) translate

D) rotate

16 / 30

What CSS property is used to create a flexible container with a set of flex items?

A) display: inline;

B) display: block;

C) display: grid;

D) display: flex;

17 / 30

Which media query targets devices with a specific aspect ratio, such as widescreen monitors?

A) @media (orientation: landscape)

B) @media (aspect-ratio: 16/9)

C) @media (min-aspect-ratio: 16/9)

D) @media (max-aspect-ratio: 16/9)

18 / 30

Which selector has higher specificity: #header .nav li.active or .nav li#active?

A) Cannot be determined

B) #header .nav li.active

C) Both have the same specificity

D) .nav li#active

19 / 30

Which CSS3 property is used to specify the order of flexible items in a flex container?

A) flex-direction

B) order

C) flex-wrap

D) justify-content

20 / 30

Why is cross-browser compatibility important in CSS development?

A) To ensure consistent rendering of web pages across different browsers

B) To enhance security features of web pages

C) To reduce the size of CSS files

D) To make web pages load faster

21 / 30

Which media query targets devices with high-resolution screens, such as Retina displays?

A) @media (min-resolution: 2dppx)

B) @media (device-resolution: 2dppx)

C) @media (resolution: 2dppx)

D) @media (max-resolution: 2dppx)

22 / 30

Which property is used in Flexbox to align flex items along the cross-axis?

A) justify-items

B) justify-content

C) align-items

D) align-content

23 / 30

What does CSS3 introduce compared to previous versions of CSS?

A) New features and enhancements

B) More advanced layout techniques

C) Faster rendering engine

D) Better browser compatibility

24 / 30

Which CSS property is used to specify the thickness of the border?

A) border-size

B) border-thickness

C) thickness

D) border-width

25 / 30

Which CSS selector is used to select all elements with a specific class?

A) #className

B) className

C) *className

D) .className

26 / 30

What does the justify-self property do in Grid?

A) Adjusts the size of grid columns

B) Aligns grid items along the cross-axis

C) Aligns a grid item within its grid area along the inline axis

D) Aligns grid items along the main axis

27 / 30

What does the align-content property do in Flexbox?

A) Aligns a flex container's lines within the flex container when there is extra space in the cross-axis

B) Adjusts the size of flex items

C) Aligns flex items along the main axis

D) Aligns flex items along the cross-axis

28 / 30

What is the specificity of the following selector: div.container #content p.highlight span?

A) 111

B) 123

C) 1003

D) 121

29 / 30

Which CSS property is used to set the width of an element?

A) dimension

B) length

C) width

D) size

30 / 30

Which CSS3 feature is used to create a responsive design for web pages?

A) transitions

B) animations

C) grids

D) media queries

Your score is

The average score is 40%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

Online Quiz Test (with time limit)

10 Minutes CSS Quiz Test Online

Docker Quiz Test Online (30 random Questions)

10 Minutes Angular Quiz Test Online

10 Minutes JSON Quiz Test Online

HTML Quiz Test Online

Related