[6] Css MCQ Quiz

Correct Answers: 0
Incorrect Answers: 0

106. Which CSS property is used to create a transition effect?

transition-effect

transition

transform

animation

107. How do you select all 'span' elements inside a 'div' with class 'container'?

div span.container

div.container span

.container span

.container > span

108. Which CSS property sets the distance between lines of text?

spacing

line-height

letter-spacing

text-indent

109. What does 'display: inline-block;' do to an element?

Centers the element

Makes the element behave like a block-level element

Hides the element

Allows block-level properties but flows inline

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

flex-order

order

flex-index

flex-direction

111. What is the function of the ':first-child' selector?

Selects the last child element of a parent

Selects the first child element of a parent

Selects an element based on class

Selects all child elements

112. Which property is used to change the list marker type of a list item?

list-style-type

list-marker

list-type

marker-style

113. What does 'overflow: hidden;' do?

Hides the element

Displays a scrollbar

Creates an invisible border

Prevents the content from overflowing its container

114. Which CSS property is used to control the visibility of an element?

opacity

visibility

hidden

display

115. How do you make an element's background color gradually change from blue to green?

background-color: gradient(blue, green);

background-gradient: blue-green;

background: linear-gradient(blue, green);

color-transition: blue to green;

116. Which CSS property controls the horizontal alignment of text within an element?

justify-content

text-align

align-content

align-items

117. Which pseudo-class selects elements that have been visited by the user?

:visited

:focus

:hover

:link

118. How do you create an animation that changes an element’s color from red to blue over 2 seconds?

@keyframes changeColor { from {color: red;} to {color: blue;} }

transition: red 2s blue;

animation: color 2s red-blue;

keyframes: color-change 2s red-blue;

119. Which CSS property defines how flex items are distributed along the main axis of the flex container when there is extra space?

align-content

flex-flow

align-items

justify-content

120. What does the 'backface-visibility' property control?

Opacity of the background

Visibility of the back of an element during a 3D transformation

Visibility of a background image

Visibility of an element's back layer in stacking context

121. Which value of the 'position' property positions an element relative to its closest positioned ancestor?

relative

fixed

sticky

absolute

122. Which of the following is the correct syntax to create a CSS variable?

color: --red;

--color: red;

$color: red;

var-color: red;

123. How do you make a grid item span across two rows in CSS Grid?

row-span: 2;

grid-row: span 2;

grid-span: 2;

grid-span: 2 rows;

124. Which CSS property allows elements to overlap, with the one having the highest value appearing on top?

z-index

layer

stack

order

125. Which value of the 'overflow' property clips the content and adds a scrollbar only if necessary?

visible

scroll

auto

hidden

126. Which CSS function converts an RGB color to an HSL (Hue, Saturation, Lightness) format?

rgba()

hsl-to-rgb()

hsl()

rgb()

PreviousNext