[9] CSS MCQ Quiz

Correct Answers: 0
Incorrect Answers: 0

169. Which CSS pseudo-class selects an element when it has keyboard focus?

:focus

:active

:hover

:checked

170. Which CSS property sets the baseline from which the height of line boxes is calculated?

baseline-height

line-height

font-size

line-box

171. What does the CSS property 'all: unset;' do?

Sets the element’s display to 'none'

Resets all inherited properties to their initial values

Clears all background colors

Removes all styles applied to the element

172. Which CSS function can be used to convert a hexadecimal color to an RGBA color?

rgba-hex()

rgba()

color()

hex-to-rgba()

173. How do you define a transition that lasts 500 milliseconds and delays by 200 milliseconds?

transition: 500ms delay 200ms;

transition: 200ms 500ms;

transition-duration: 500ms; transition-delay: 200ms;

transition: all 500ms 200ms;

174. Which CSS property is used to define the color of text selection?

highlight-color

::selection

selection-color

text-selection

175. Which CSS property controls how long it takes for an animation to start after it is applied?

animation-interval

animation-delay

animation-start

animation-duration

176. Which of the following CSS properties is not animatable?

color

opacity

display

transform

177. Which CSS property is used to specify the name of an animation?

animation-name

keyframes

animation

animation-id

178. Which CSS property is used to define the length of time an animation takes to complete one cycle?

animation-duration

animation-speed

animation-iteration

animation-delay

179. What is the default value of the 'animation-timing-function' property?

linear

ease-in-out

ease

ease-in

180. How do you specify that an animation should run infinitely?

animation-infinite: true;

animation-loop: infinite;

animation-repeat: forever;

animation-iteration-count: infinite;

181. Which keyword defines the state of an element at the end of an animation?

both

forwards

none

backwards

182. Which CSS property defines when an animation will start?

animation-duration

animation-start

animation-timing

animation-delay

183. Which CSS rule is used to define the keyframes of an animation?

@keyframes

@keyframes-animation

@animation

@frames

184. What does 'animation-direction: alternate;' do?

The animation reverses direction every cycle

The animation only runs forwards

The animation runs twice as fast

The animation runs backward

185. Which of the following properties is used to set multiple animations on a single element?

multiple-animation

animation

animation-list

animation-stack

186. How can you apply different animation timing functions at different keyframes?

Applying multiple timing properties

Using 'animation-timing-function' within the keyframes

Using 'timing-function' inside @keyframes

You cannot set different timing functions within keyframes

187. What value of 'animation-fill-mode' will keep the element in the state defined by the last keyframe?

backwards

hold

none

forwards

188. Which CSS property specifies the number of times an animation should be played?

animation-iteration-count

animation-count

animation-repeat

animation-loop

189. How do you pause a CSS animation?

animation-stop: true;

animation-halt: yes;

animation-play-state: paused;

animation-status: paused;

PreviousNext