OA Exams
What CSS property allows you to rotate an element?
a) rotateb) transformc) skewd) scale
Correct Answer: b) transform
Explanation: The transform property can rotate an element using the rotate function.
Which CSS property applies a delay before an animation starts?
a) animation-timingb) animation-delayc) transition-delayd) start-delay
Correct Answer: b) animation-delay
Explanation: The animation-delay property specifies a delay before the animation begins.
Which CSS property defines the number of times an animation will run?
a) animation-timingb) animation-delayc) animation-iteration-countd) transition-iteration
Correct Answer: c) animation-iteration-count
Explanation: The animation-iteration-count specifies how many times an animation should repeat.
Which CSS property is used to transition an element from one state to another when a property value changes?
a) transitionb) transformc) animationd) timing
Correct Answer: a) transition
Explanation: The transition property allows for smooth changes between states when a property value is modified.
Which CSS property is used to control a widget’s appearance based on the operating system theme?
a) appearanceb) transformc) theme-controld) os-style
Correct Answer: a) appearance
Explanation: The appearance property modifies the appearance of UI widgets to match the operating system's style.
Which CSS preprocessor uses variables, arithmetic, and functions to enhance stylesheets?
a) Sassb) LESSc) Stylusd) CSSX
Correct Answer: a) Sass
Explanation: Sass is a popular CSS preprocessor that allows the use of variables, functions, and other advanced features.
Which Sass feature allows you to define reusable styles in your stylesheets?
a) @functionb) @mixinc) @included) @import
Correct Answer: b) @mixin
Explanation: Mixins in Sass allow you to create reusable styles that can be included in multiple selectors.
Which unit in CSS is relative to the width of the viewport?
a) vwb) emc) vhd) px
Correct Answer: a) vw
Explanation: The vw unit represents 1% of the viewport width, making it responsive to the screen size.
Which property is used to define the amount of space between grid columns?
a) column-spacingb) grid-gapc) column-gapd) spacing
Correct Answer: c) column-gap
Explanation: The column-gap property defines the space between columns in a CSS grid.
Which CSS property is used to apply styles based on user behavior or element states, like hovering?
a) :beforeb) :afterc) :hoverd) :focus
Correct Answer: c) :hover
Explanation: The :hover pseudo-class is used to apply styles when the user hovers over an element.