Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 148
Q1661:
What new capability does the "Backgrounds and Borders" module in CSS3 add?
A. Enhanced selectors
B. Advanced animation features
C. More background and border properties
D. New text effects
Correct Answer:
C
Chapter: 148
Q1662:
Fill in the blank: CSS3 introduces new properties and features while maintaining compatibility with ______.
A. CSS2
B. CSS1
C. HTML5
D. JavaScript
Correct Answer:
A
Chapter: 148
Q1663:
Which CSS3 module would you use to apply text effects such as shadows?
A. Text Effects
B. Backgrounds and Borders
C. Animations
D. 2D/3D Transformations
Correct Answer:
A
Chapter: 148
Q1664:
What feature is added by the "Animations" module in CSS3?
A. New layout options
B. Advanced text formatting
C. Keyframe animations
D. Background images
Correct Answer:
C
Chapter: 148
Q1665:
Fill in the blank: CSS3 modules are extensions of the ______ specification.
A. CSS2
B. CSS1
C. HTML5
D. JavaScript
Correct Answer:
A
Chapter: 148
Q1666:
Which CSS3 module would you use to create complex layouts with columns?
A. Multiple Column Layout
B. Box Model
C. Text Effects
D. Selectors
Correct Answer:
A
Chapter: 148
Q1667:
Fill in the blank: CSS3's "Transformations" module allows for both ______ and 3D transformations.
A. 2D
B. 4D
C. Color
D. Background
Correct Answer:
A
Chapter: 149
Q1668:
What CSS3 property is used to create rounded corners?
A. border-radius
B. border-style
C. border-color
D. border-width
Correct Answer:
A
Chapter: 149
Q1669:
Fill in the blank: The border-radius property can be used to set different radii for each corner using ______ values.
A. one
B. two
C. three
D. four
Correct Answer:
D
Chapter: 149
Q1670:
When using border-radius: 15px 50px 30px 5px, which value is applied to the bottom-left corner?
A. 15px
B. 50px
C. 30px
D. 5px
Correct Answer:
D
Chapter: 149
Q1671:
Which border-radius value syntax applies a radius of 15px to the top-left corner and 50px to the top-right and bottom-left corners?
A. 15px 50px
B. 15px 50px 30px
C. 15px 50px 30px 5px
D. 50px 15px
Correct Answer:
B
Chapter: 149
Q1672:
Fill in the blank: To apply a radius of 30px to only the bottom-right corner and 15px to the top-left and top-right corners, use border-radius: ______.
A. 15px 30px
B. 30px 15px
C. 15px 50px 30px
D. 15px 50px
Correct Answer:
C
Chapter: 149
Q1673:
What happens when you specify only one value for the border-radius property?
A. It applies to all four corners
B. It applies to the top-left corner only
C. It applies to the top-left and bottom-right corners
D. It applies to the top-right and bottom-left corners
Correct Answer:
A
Chapter: 149
Q1674:
Fill in the blank: When using border-radius: 15px 50px, the first value is applied to the ______ and bottom-right corners, while the second value is applied to the ______ and bottom-left corners.
A. top-left, top-right
B. top-left, bottom-right
C. top-right, bottom-left
D. top-right, top-left
Correct Answer:
B
Chapter: 149
Q1675:
What value is applied to the bottom-right corner in border-radius: 15px 50px 30px?
A. 15px
B. 50px
C. 30px
D. 50px 15px
Correct Answer:
C
Chapter: 149
Q1676:
Fill in the blank: If border-radius: 15px 50px 30px 5px is used, which corner has the radius of 30px?
A. Bottom-left
B. Top-right
C. Bottom-right
D. Top-left
Correct Answer:
C
Chapter: 149
Q1677:
Which of the following is NOT a valid syntax for border-radius?
A. 15px 50px 30px
B. 15px 50px 30px 5px
C. 15px
D. 15px 50px 30px 5px 10px
Correct Answer:
D
Chapter: 149
Q1678:
Fill in the blank: The border-radius property can be used to create rounded corners for an element with a specified ______.
A. background color
B. text color
C. font size
D. margin
Correct Answer:
A
Chapter: 150
Q1679:
What CSS3 property allows you to use an image as a border around an element?
A. border-image
B. border-style
C. border-color
D. border-width
Correct Answer:
A
Chapter: 150
Q1680:
Fill in the blank: The border-image property slices the image into how many sections?
A. Four
B. Six
C. Nine
D. Twelve
Correct Answer:
C