Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 152
Q1701:
What is the range of the alpha parameter in RGBA and HSLA color values?
A. 0.0 to 1.0
B. 0 to 255
C. 1 to 100
D. 0 to 360
Correct Answer:
A
Chapter: 152
Q1702:
Fill in the blank: The rgba() function specifies colors with an additional ______ parameter.
A. opacity
B. hue
C. lightness
D. saturation
Correct Answer:
A
Chapter: 152
Q1703:
What does the hsla() function add to HSL colors?
A. Saturation
B. Lightness
C. Opacity
D. Hue
Correct Answer:
C
Chapter: 152
Q1704:
Fill in the blank: The opacity property in CSS3 sets the transparency of a specified ______ value.
A. HSL
B. RGB
C. HSLA
D. RGBA
Correct Answer:
B
Chapter: 152
Q1705:
Which CSS3 color function allows specifying a color with hue, saturation, lightness, and opacity?
A. rgba()
B. hsl()
C. hsla()
D. opacity()
Correct Answer:
C
Chapter: 152
Q1706:
Fill in the blank: The hsl() function specifies color values using hue, saturation, and ______.
A. opacity
B. brightness
C. lightness
D. contrast
Correct Answer:
C
Chapter: 152
Q1707:
What does the rgba() function include that the rgb() function does not?
A. Hue
B. Saturation
C. Alpha channel
D. Lightness
Correct Answer:
C
Chapter: 152
Q1708:
Fill in the blank: In HSLA colors, the alpha parameter specifies the ______ of the color.
A. brightness
B. hue
C. opacity
D. saturation
Correct Answer:
C
Chapter: 152
Q1709:
Which color function in CSS3 uses degrees to define the color?
A. rgba()
B. hsla()
C. hsl()
D. opacity()
Correct Answer:
C
Chapter: 152
Q1710:
Fill in the blank: The alpha parameter in hsla() can range from ______.
A. 0 to 100
B. 0 to 360
C. 0.0 to 1.0
D. 0 to 255
Correct Answer:
C
Chapter: 153
Q1711:
What is the main purpose of using CSS3 gradients?
A. To add borders
B. To create smooth color transitions
C. To add images
D. To format text
Correct Answer:
B
Chapter: 153
Q1712:
Fill in the blank: The linear-gradient() function requires at least ______ color stops.
A. One
B. Two
C. Three
D. Four
Correct Answer:
B
Chapter: 153
Q1713:
Which CSS3 function is used to repeat linear gradients?
A. linear-gradient()
B. repeating-linear-gradient()
C. radial-gradient()
D. repeating-radial-gradient()
Correct Answer:
B
Chapter: 153
Q1714:
Fill in the blank: In radial-gradient(), the gradient is defined by its ______.
A. Angle
B. Center
C. Color stops
D. Direction
Correct Answer:
B
Chapter: 153
Q1715:
What does the rgba() function in gradients allow you to do?
A. Define colors only
B. Add transparency to colors
C. Specify gradient direction
D. Repeat the gradient
Correct Answer:
B
Chapter: 153
Q1716:
Fill in the blank: In the radial-gradient() function, the shape parameter can be set to ______.
A. square
B. circle
C. rectangle
D. oval
Correct Answer:
B
Chapter: 153
Q1717:
What is the default shape for radial gradients?
A. Circle
B. Ellipse
C. Square
D. Rectangle
Correct Answer:
B
Chapter: 153
Q1718:
Fill in the blank: The background: repeating-linear-gradient(red, yellow 10%, green 20%); creates a gradient that ______.
A. Changes color at specific percentages
B. Uses transparency
C. Repeats the gradient
D. Stops at the final color
Correct Answer:
C
Chapter: 153
Q1719:
Which function is used to create a gradient that covers the entire content area?
A. repeating-linear-gradient()
B. radial-gradient()
C. linear-gradient()
D. repeating-radial-gradient()
Correct Answer:
C
Chapter: 153
Q1720:
Fill in the blank: In linear-gradient(), 90deg creates a gradient that goes from ______.
A. Top to bottom
B. Left to right
C. Diagonally
D. Center outwards
Correct Answer:
B