[3] CSS MCQ Quiz

Correct Answers: 0
Incorrect Answers: 0

43. Which value of the 'position' property is used to position an element relative to the viewport?

absolute

relative

fixed

static

44. How do you apply multiple background images to an element?

Use commas to separate URLs in 'background-image'

Use 'multi-background: url()'

It's not possible to use multiple backgrounds

Use multiple 'background-image' properties

45. Which CSS property controls how an image or video should be resized to fit its container?

object-fit

fit-content

image-size

resize

46. What does the 'clear' property do in CSS?

Removes floating elements

Prevents elements from wrapping around floating elements

Clears the text inside an element

Resets all CSS properties

47. Which CSS function is used to rotate an element?

rotate3d()

rotate()

skew()

transform()

48. How do you make a grid item span multiple columns?

grid-span

grid-row

grid-column

grid-area

49. Which pseudo-element is used to insert content before an element?

::after

::insert

::before

:before

50. Which of the following properties allows for animations in CSS?

transition

motion

@animation

animation

51. How do you create a CSS variable?

--name: value;

$name: value;

var(--name: value);

variable(--name: value);

52. Which CSS property can be used to create a smooth transition effect when a property value changes?

@transition

animation-delay

transition

transform

53. How can you apply a style to all 'p' elements inside a 'div'?

div, p

div + p

div > p

div p

54. What will 'display: none;' do to an element?

Make the element invisible but clickable

Change the element's display to inline

Hide the element and maintain its space

Hide the element and remove it from the layout

55. Which property is used to set the starting position of a background image?

background-position

background-size

background-origin

background-start

56. What does the 'flex-grow' property define?

The growth rate of a flex container

The width of a flex container

How much a flex item can shrink

How much a flex item can grow

57. Which CSS property can be used to change the alignment of text inside an element?

alignment

align-text

text-decoration

text-align

58. How do you make a container's child elements stack on top of each other in CSS Grid?

grid-auto-flow: row;

grid-template-rows: 1fr;

grid-auto-flow: column;

display: block;

59. Which CSS property is used to specify the stacking order of elements?

index

stack-order

z-order

z-index

60. Which CSS property is used to underline text?

underline

text-decoration

font-style

text-style

61. What is the correct way to center an absolutely positioned element horizontally within its container?

left: 50%; transform: translateX(-50%);

position: fixed; margin-left: auto;

margin: auto;

left: 50%; margin-left: -width/2;

62. Which of the following properties controls the flow of text wrapping around a floating element?

overflow

wrap

float

clear

63. What does the 'clip-path' property do?

Creates a shadow around an element

Clips an image to fit in a container

Clips an element to a specified shape

Sets the path of an element's border

PreviousNext