Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 153
Q1721:
What is the purpose of the background-clip property?
A. To set gradient direction
B. To control gradient size
C. To specify where the background image is painted
D. To define color stops
Correct Answer:
C
Chapter: 153
Q1722:
Fill in the blank: The background: radial-gradient(circle, red, yellow, green); uses a gradient with ______ shape.
A. Ellipse
B. Circle
C. Square
D. Rectangle
Correct Answer:
B
Chapter: 154
Q1723:
What property is used to apply a shadow to text in CSS3?
A. box-shadow
B. text-shadow
C. shadow-color
D. text-color
Correct Answer:
B
Chapter: 154
Q1724:
Fill in the blank: To create a shadow effect on text with a blur, you need to specify ______.
A. only horizontal and vertical shadow
B. horizontal, vertical, and color
C. horizontal, vertical, blur, and color
D. only blur
Correct Answer:
C
Chapter: 154
Q1725:
How can you create a shadow with a color and blur effect on an element using box-shadow?
A. box-shadow: 10px 10px;
B. box-shadow: 10px 10px grey;
C. box-shadow: 10px 10px 5px;
D. box-shadow: 10px 10px 5px grey;
Correct Answer:
D
Chapter: 154
Q1726:
Fill in the blank: To add multiple shadows to text, you use ______ in the text-shadow property.
A. a single shadow value
B. a comma-separated list of shadows
C. only the color value
D. a blur effect only
Correct Answer:
B
Chapter: 154
Q1727:
What additional value is needed in the box-shadow property to add a blur effect?
A. color
B. horizontal shadow
C. vertical shadow
D. blur radius
Correct Answer:
D
Chapter: 154
Q1728:
Fill in the blank: To apply a shadow with a color to text, use text-shadow with ______.
A. only horizontal shadow
B. only vertical shadow
C. horizontal shadow, vertical shadow, and color
D. only color
Correct Answer:
C
Chapter: 154
Q1729:
What does the property text-shadow: 2px 2px 5px red; specify?
A. Horizontal shadow and color
B. Vertical shadow and blur
C. Horizontal shadow, vertical shadow, blur, and color
D. Color and blur only
Correct Answer:
C
Chapter: 154
Q1730:
Fill in the blank: The CSS3 property box-shadow: 10px 10px grey; adds ______ to an element.
A. only horizontal and vertical shadow
B. a shadow with color
C. a shadow with blur effect
D. a shadow without color
Correct Answer:
B
Chapter: 154
Q1731:
What effect does text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF; create?
A. A single red shadow
B. Multiple shadows with red and blue
C. A shadow with blur only
D. A shadow with a color gradient
Correct Answer:
B
Chapter: 154
Q1732:
Fill in the blank: The box-shadow property can be used to apply shadows to ______.
A. only text
B. only borders
C. text and elements
D. only elements
Correct Answer:
D
Chapter: 155
Q1733:
What property is used to handle overflowed text in CSS3?
A. text-break
B. text-clip
C. text-overflow
D. text-wrap
Correct Answer:
C
Chapter: 155
Q1734:
Fill in the blank: To force a long word to break and wrap onto the next line, use the property ______.
A. word-break
B. text-overflow
C. word-wrap
D. text-wrap
Correct Answer:
C
Chapter: 155
Q1735:
Which property in CSS3 allows you to control line breaking rules?
A. word-wrap
B. text-overflow
C. word-break
D. text-clip
Correct Answer:
C
Chapter: 155
Q1736:
Fill in the blank: The CSS3 property word-break: break-all; will ______.
A. Keep all text on one line
B. Break words at any character
C. Wrap text within its container
D. Prevent line breaks
Correct Answer:
B
Chapter: 155
Q1737:
What CSS3 rule allows the use of custom fonts on a web page?
A. @font-face
B. @custom-font
C. @web-font
D. @font-style
Correct Answer:
A
Chapter: 155
Q1738:
Fill in the blank: To specify a custom font using the @font-face rule, you need to define a ______ and point to the font file.
A. font-name
B. font-family
C. font-style
D. font-format
Correct Answer:
B
Chapter: 155
Q1739:
Which format is specifically designed for use in web pages and includes compression and metadata?
A. TrueType Fonts (TTF)
B. Web Open Font Format (WOFF)
C. Embedded OpenType Fonts (EOT)
D. SVG Fonts
Correct Answer:
B
Chapter: 155
Q1740:
Fill in the blank: The @font-face rule in CSS3 is used to include fonts that are ______ on the user's computer.
A. installed
B. unavailable
C. web-safe
D. pre-installed
Correct Answer:
B