CSS MCQ Quiz Hub

1. Which of the following measurement defines a measurement relative to the height of a font in em spaces?
px
in
em
pt

2. Which of the following measurement defines a measurement in points?
px
in
em
pt

3. Which of the following measurement defines a measurement in inches?
px
in
em
pt

4. Which of the following measurement defines a measurement in pixels?
px
in
em
pt

5. Which of the following measurement defines a measurement relative to a font’s x-height?
e
xh
ex
rxh

6. Which of the following measurement is relative to 1percentage of viewport’s larger dimension?
vw
vmax
vmin
ch

7. Which of the following measurement is relative to 1percentage of the width of the viewport?
vw
vmax
vmin
ch

8. Which of the following measurement is relative to 1% of the height of the viewport?
ch
rem
%
vh

9. Which of the following measurement is relative to font-size of the root element?
rem
kd
rr
hx

10. Which of the following property sets in a shorthand form any or all background properties?
font
background
background-color
background-position

11. Which of the following property sets the coordinates of the clipping shape that exposes or hides the content of absolutely positioned elements?
clip
clamp
clip-wekit
clamp-webkit

12. Which of the following property generates content in a document and is used with the :before and :after pseudo-elements?
text
content
contents
none of the mentioned

13. Which of the following property determines how the cursor displays when passed over the affected element?
mouse
cursor
click
focus

14. Which of the following property is used to control the text direction, much like the dir attribute for (X)HTML tags?
left
right
direction
direct

15. Which of the following property specifies an element’s display type and can override an element’s defined presentation?
content
display
visibility
none of the mentioned

16. What does SVG stands for?
Scaled Vector Graph
Scalable Vector Graphics
Scaled Vector Graphics
none of the mentioned

17. Which of the following element is used to begin an SVG image?
<image>
<svg>
<img>
<graph>

18. Which of the following element is used to create a circle?
<cir>
<round>
<circle>
<ellipse>

19. Which of the following element is used to create an SVG ellipse?
<circle>
<ellipse>
<curve>
none of the mentioned

20. Which of the following is not an attribute used with SVG ellipse?
cx
cy
rr
ry

21. Which of the following element is used to create a SVG line?
<line>
<dot>
<ray>
<stick>

22. Which of the following is attribute of SVG line?
x
y
x1
All of the mentioned

23. Which of the following element is used to create any shape that consists of only straight lines?
<polyogn>
<polyline>
<lines>
<multiline>

24. Which of the following defines the color of a line, text or outline of an element?
text
stroke
line
all of the mentioned

25. Which of the following selector is used to select and style when you place mouse over it?
focus
hover
mouse
all of the mentioned

26. Which of the following method increases or decreases the size of an element using tranform?
rotate()
scale()
translate()
matrix()

27. Which of the following method moves an element from its current position using tranform?
rotate()
scale()
translate()
matrix()

28. Which of the following property specifies the speed curve of the transition effect?
transition-delay
transition-duration
transition-timing-function
Transition economies

29. Which of the following method skews an element along the X-axis by the given angle using tranform?
skewX()
skewy()
x-axis()
skew()

30. Which of the following method skews an element along the X and Y-axis by the given angles using tranform?
skewX()
skewy()
skew-X-Y()
skew()

31. Which of the following transition-timing-function property specifies a transition effect with a slow start?
ease
ease-in
ease-in-out
none of the mentioned

32. Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly
ease
ease-in
ease-in-out
none of the mentioned

33. Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function
cubic(n,n,n,n)
matrix(n,n,n,n)
cubic-bezier(n,n,n,n)
none of the mentioned

34. Which of the following method combines all the 2D transform methods into one using transform?
combine()
2D-tranform()
matrix()
matrix-2D()

35. Which of the following css property should be used to make a responsive image?
float
max-width
margin-right
All of the mentioned

36. Which of the following css propery define the properties that will be animated in an animation rule?
@keyframes
animation-origin
transform
animation

37. Which of the following CSS3 property is used to tell the browser what the sizing properties should be include?
box-sizing
box-model
box-design
box-redesign

38. Which of the following CSS3 property specifies where to navigate when using the arrow-down navigation key?
down
nav-down
arrow-down
none of the mentioned

39. Which of the following CSS3 property specifies the sequential navigation order for an element?
nav
class
nav-index
class-index

40. Which of the following nav-left value sets it’s value to default value?
target-name
id
inital
inherit

41. Which of the following CSS3 property adds space between an outline and the edge or border of an element?
offset
outline
outline-offset
none of the mentioned

42. Which of the following outline-offset value sets the distance the outline is outset from the border edge?
distance
length
initial
all

43. Which of the following CSS3 property specifies whether or not an element is resizable by the user?
resize
length
inherit
none of the mentioned

44. Which of the following CSS3 property specifies where to navigate when using the arrow-up navigation key?
nav-upper
nav-top
nav-up
all of the mentioned

45. Which of the following CSS3 property specifies where to navigate when using the arrow-right navigation key?
right
nav-right
nav-side
none of the mentioned

46. Which of the following nav-right value is used to the inherits this property from its parent element?
auto
id
target-name
inherit

47. Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways?
transform-3D
transform-origin
transform
transition

48. Which of the following css property is used to define a delay before an animation starts?
delay
transition-delay
transform-delay
None of the mentioned

49. Which of the following css property is used to define the time it takes one iteration of an animation to play?
control
animation-duration
transition-duration
All of the mentioned

50. Which of the following css property is used to define which properties a transition will be applied to?
animation-property
transition-property
css3-property
none of the mentioned

51. Which of the following css property is used to describe how the animation will play?
animation-timing-function
css3-timing-function
transform-timing-function
transition-timing-function

52. Which of the following css property is used to indicate if an animation plays in reverse or repeats itself every other iteration?
animation-iteration
animation-check
animation-direction
animation-state

53. Which of the following css property is used to define the time it takes one iteration of an animation to play?
animation-duration
animation-time
animation-value
none of the mentioned

54. Which of the following css property is used to define the number of times an animation should play?
scale-iteration-count
transtion-iteration-count
animation-iteration-count
all of the mentioned

55. Which of the following css property is used to define the animations that should be run?
animation-run
animation-name
transtion-name
None of the mentioned