[7] CSS MCQ Quiz

Correct Answers: 0
Incorrect Answers: 0

127. What is the effect of 'transform: rotate(90deg);' on an element?

It scales the element by 90%

It flips the element horizontally

It rotates the element 90 degrees clockwise

It rotates the element 90 degrees counterclockwise

128. Which of the following is NOT a valid value for the 'display' property?

grid

flex

inline-block

block-inline

129. Which CSS property is used to change how adjacent flex items wrap within a container?

wrap-mode

flex-wrap

flex-direction

flex-flow

130. How do you specify a fallback font in a font stack?

Use the 'fallback-font' property

Declare 'font-fallback: yes;'

Separate font names with commas

Separate font names with semicolons

131. What does the 'grid-template-areas' property define?

The size of grid columns

The areas in a grid container for named grid items

The grid container's overall height

The layout of rows in a grid

132. Which CSS property sets the blending mode for an element’s background?

background-mix

background-blend-mode

mix-blend-mode

blend-mode

133. How can you set an element to have a box shadow that is inset?

shadow: inset 2px;

inset-shadow: 2px 2px 5px;

shadow-mode: inset;

box-shadow: inset 2px 2px 5px;

134. What will 'flex: 1 0 auto;' do to a flex item?

It prevents the item from growing or shrinking

It makes the item grow and shrink but not expand automatically

It allows the item to grow but prevents shrinking

It makes the item take all available space in the container

135. Which CSS property can create rounded corners on an image?

border-radius

corner-radius

border-corner

border-round

136. How do you center a block element horizontally with CSS?

padding: auto;

display: inline;

text-align: center;

margin: 0 auto;

137. Which 'display' value creates a container that behaves like both 'inline' and 'block'?

inline-block

block-inline

grid

flex

138. What is the default 'flex-direction' in a flex container?

reverse

column

row

inherit

139. Which CSS property allows you to control the alignment of items within a flex container along the cross axis?

align-self

justify-content

align-content

align-items

140. Which CSS function can be used to perform calculations directly in your styles?

compute()

calc()

math()

evaluate()

141. How do you ensure that an element always retains a 16:9 aspect ratio using CSS?

aspect: 16/9;

ratio: 16/9;

height: auto; width: 56.25%;

aspect-ratio: 16/9;

142. What is the purpose of the CSS property 'object-fit: cover;'?

Scales the image to fit within its container, preserving aspect ratio

Stretches the image to fill the container

Centers the image in the container

Maintains the original image size

143. Which CSS pseudo-element is used to insert content before an element’s actual content?

:insert

:before

::insert

::before

144. What is the default value of the 'grid-auto-flow' property?

row dense

dense

row

column

145. Which CSS property is used to create a smooth scrolling effect for an entire webpage?

smooth-scroll

scroll-transition

scroll-smooth

scroll-behavior

146. Which CSS property specifies whether an element should be displayed as a block, inline, or inline-block element?

position

visibility

display

float

147. Which CSS value will add a 2px solid border to all table cells?

border: solid 2px;

border-spacing: 2px;

border-collapse: 2px;

border-width: 2px;

PreviousNext