Tough Css Test - 83+ MCQs: CSS test: Assess Your Skills with CSS Questions and Answers

1. What is the purpose of the 'transform' property in CSS?

To change the font style of text

To transform elements in 3D space

To change the color of text

To create a drop shadow

2. In CSS, how can you make an element transparent, allowing the background to show through?

opacity: 0;

transparent: true;

background-opacity: 1;

visibility: hidden;

3. Which CSS property is used to control the style of the border of an element?

border-color

border-style

border-width

border

4. Which CSS property is used to add a shadow to an element's box?

box-shadow

element-shadow

shadow

box-effect

5. In CSS, what is the purpose of the 'clearfix' class?

To clear floats and prevent collapsing of container elements

To create a border around an element

To make text bold

To change the text color

6. What does the 'margin' property in CSS control?

The space between an element's border and its content

The space between two adjacent elements

The space inside an element's border

The space outside an element's border

7. In CSS, what is the purpose of the 'display' property with a value of 'inline-block'?

It makes the element an inline-level block container.

It hides the element from the webpage.

It applies a border to the element.

It changes the background color of the element.

8. In CSS, what does the 'float' property control?

The vertical alignment of an element

The horizontal alignment of an element

The positioning of an element with respect to its parent

The text alignment within an element

9. What does the 'text-decoration' property in CSS control?

The font style of text

The spacing between lines of text

The decoration of text, such as underline or overline

The indentation of text

10. Which CSS property is used to control the spacing between lines of text within an element?

text-spacing

line-height

letter-spacing

word-spacing

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

order

flex-direction

flex-order

item-order

12. What is the purpose of the CSS property 'border-radius'?

To change the font size

To create rounded corners for an element

To set the background color of an element

To align text horizontally

13. What is the purpose of the CSS property 'opacity'?

To change the font size

To control the visibility of an element

To create transparency for an element

To align text horizontally

14. Which CSS pseudo-class is used to select elements when they are in a certain state, such as when a user hovers over them?

:hover

:active

:state

:user

15. Which CSS property is used to create rounded corners for an element?

border-radius

corner-radius

round-corners

border-style

16. What is the purpose of the CSS property 'height'?

To change the font size

To specify the height of an element

To set the background color of an element

To align text horizontally

17. In CSS, what does the 'box-sizing' property value 'border-box' do?

It includes padding and border in the element's total width and height

It excludes padding and border from the element's total width and height

It only includes padding in the element's total width and height

It only includes border in the element's total width and height

18. Which CSS property is used to control the alignment of text within an element?

text-align

alignment

text-position

text-alignment

19. What is the purpose of the CSS property 'display'?

To change the font size

To hide an element

To set the background color of an element

To control how an element is rendered in the layout

20. In CSS, what does the 'display' property value 'inline-block' do?

It makes the element inline and allows it to be block-level as well

It makes the element fully block-level

It makes the element fully inline

It removes the element from the document flow

21. Which CSS property is used to control the space between elements?

margin

padding

spacing

border-spacing

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

.class

#id

element

23. Which CSS property is used to create rounded corners on an element's border?

border-radius

corner-radius

border-style

corner-style

24. Which CSS property is used to create a border around an element?

border-color

border-style

border-width

border

25. What is the CSS property used to control the size of an element relative to its parent container?

size

width

height

flex

26. What is the purpose of the CSS property 'z-index'?

To change the font size

To control the stacking order of elements

To set the background color of an element

To align text horizontally

27. What is the purpose of the CSS property 'font-size'?

To change the background color of an element

To set the size of an element's font

To add a border to an element

To define the spacing around an element

28. Which CSS property is used to change the text color of an element?

background-color

text-color

color

font-color

29. What is the purpose of the 'visibility' property in CSS?

It controls the element's transparency

It controls the element's shadow

It controls the element's visibility on the page

It controls the element's display mode

30. What is the purpose of the CSS property 'float'?

To make text float above the page

To create animation effects

To control the positioning of an element relative to surrounding content

To change the font size

31. In CSS, what does the 'transition' property control?

The transition between different font styles

The transition between different colors

The transition between different elements

The transition between different property values

32. Which CSS property is used to control the order of elements in a flex container?

flex-direction

order

flex-wrap

justify-content

33. What is the purpose of CSS selectors?

To select elements in an HTML document for styling

To create new HTML elements

To add interactivity to a web page

To define the document structure

34. Which CSS property is used to make text bold?

text-style

font-weight

bold-text

text-bold

35. In CSS, what is the purpose of the 'flexbox' layout model?

To create circular shapes

To create a fixed layout

To create responsive layouts with flexible elements

To apply a gradient background

36. Which CSS property is used to change the color of text?

text-color

color

font-color

text-style

37. In CSS, what is the purpose of the 'grid' layout model?

To create rounded corners

To create a fixed layout

To create responsive layouts with a grid structure

To add shadows to elements

38. What is the CSS property used to specify the color of an element's text?

color

text-color

font-color

text-style

39. Which CSS property is used to set the background color of an element?

background-color

color

background

element-color

40. In CSS, what property is used to control the order of elements on the z-axis (i.e., their stacking order)?

z-index

stack-order

layer-index

position

CSS MCQ Test 2