CSS stands for “Cascading Style Sheets”, it is used to define how HTML elements are to be displayed on screen, paper, or in other media. It can control the layout of multiple web pages all at once.
Advanced CSS MCQs: This section contains Advanced Cascading Style Sheets (CSS) Multiple-Choice Questions with Answers. These Advanced CSS MCQs are written for beginners as well as advanced, practice these MCQs to enhance and test the knowledge of Advanced CSS.
List of Advanced CSS MCQs
1. Which CSS property defines the radius of an element’s corners?
- border-corner
- radius
- corner
- border-radius
Answer: D) border-radius
Explanation:
The border-radius property defines the radius of an element’s corners.
Example:
.div1{
border-radius: 25px;
}
2. Which CSS property allows you to specify an image to be used instead of the normal border around an element?
- border-image
- border-picture
- border-background
- border-bgimage
Answer: A) border-image
Explanation:
The border-image property allows you to specify an image to be used instead of the normal border around an element.
Example:
.borderedimage{
border-image: url(border.png) 30 round;
}
3. What are the RGBA color values?
- RGBA color values are combination of four colors
- RGBA color values are an extension of RGB color values with background image
- RGBA color values are an extension of RGB color values with an alpha channel
- None of the above
Answer: C) RGBA color values are an extension of RGB color values with an alpha channel
Explanation:
RGBA color values are an extension of RGB color values with an alpha channel.
4. In a RGBA color value, what does A stand for?
- A specifies the opacity for a color
- A specifies the Aqua color
- A specifies the opacity Azure color
- All of the above
Answer: A) A specifies the opacity for a color
Explanation:
RGBA color values are an extension of RGB color values with an alpha channel – which specifies the opacity for a color.
Example:
rgba(255, 0, 0, 0.2);
5. Which of the following specifies the red color with opacity?
- rgba(255, 0, 0, 255)
- rgba(255, 255, 255, 0.3)
- rgba(0, 0, 255, 0.3)
- rgba(255, 0, 0, 0.3)
Answer: D) rgba(255, 0, 0, 0.3)
Explanation:
The RGBA value (rgba(255, 0, 0, 0.3)) specifies the color with opacity.
ADVERTISEMENT
6. Which is correct CSS statement to define blue background color with opacity?
- background-color: rgba(0, 0, 255, 0.3)
- background-color: rgba(0, 0, 255, 255)
- background-color: rgba(0, 255, 255, 0.3)
- background-color: rgba(0, 0, 1, 0.3)
Answer: A) background-color: rgba(0, 0, 255, 0.3)
Explanation:
The CSS statement (background-color: rgba(0, 0, 255, 0.3)) specifies the blue background with an opacity.
7. HSL color value stands for_____.
- Hex, Saturation and Lightness
- Hex, Solid and Lightness
- Hue, Solid and Lightness
- Hue, Saturation and Lightness
Answer: D) Hue, Saturation and Lightness
Explanation:
HSL color value stands for Hue, Saturation and Lightness.
8. What is Hue in HSL color value?
- Hue is a degree on the color wheel (from 0 to 360)
- Hue is a degree on the color wheel (from 0 to 90)
- Hue is a degree on the color wheel (from 0 to 180)
- Hue is a special color name
Answer: A) Hue is a degree on the color wheel (from 0 to 360)
Explanation:
Hue is a degree on the color wheel (from 0 to 360).
9. Which is the correct HSL value for green color?
- background-color: hsl(180, 100%, 50%)
- background-color: hsl(360, 100%, 50%)
- background-color: hsl(120, 100%, 50%)
- background-color: hsl(0, 100%, 50%)
Answer: C) background-color: hsl(120, 100%, 50%)
Explanation:
The correct HSL value for green color is,
background-color: hsl(120, 100%, 50%)
10. What are the HSLA color values?
- hsla(hex, saturation, lightness, alpha)
- hsla(hex, solid, lightness, alpha)
- hsla(hue, solid, lightness, alpha)
- hsla(hue, saturation, lightness, alpha)
Answer: D) hsla(hue, saturation, lightness, alpha)
Explanation:
An HSLA color value is specified with: hsla(hue, saturation, lightness, alpha), where the alpha parameter defines the opacity.
ADVERTISEMENT
11. What is the valid value of alpha parameter?
- 0 to 255
- 0 to 90
- 0 to 16
- 0.1 to 1.0
Answer: D) 0.1 to 1.0
Explanation:
The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).
12. Which is the correct HSLA value for green color with fully transparent?
- hsla(360, 100%, 50%, 0.3)
- hsla(120, 100%, 50%, 1.0)
- hsla(120, 100%, 50%, 0.1)
- hsla(360, 100%, 100%, 0.3)
Answer: B) hsla(120, 100%, 50%, 1.0)
Explanation:
The correct HSLA value for green color is,
hsla(120, 100%, 50%, 1.0)
13. Which CSS property sets the opacity for the whole element?
- aplha
- opacity-value
- opacity
- background-opacity
Answer: C) opacity
Explanation:
The opacity property sets the opacity for the whole element.
Example:
p
{
opacity:0.4;
}
14. Which keyword is used to make a color transparent?
- transparent
- opacity
- color-transparent
- alpha
Answer: A) transparent
Explanation:
The transparent keyword is used to make a color transparent. It is mostly used for creating the transparent background color of an element.
Example:
body {
background-image: url(“theme1.jpg”);
}
div.example1 {
background-color: transparent;
}
15. The “transparent” keyword is equivalent to ___ RGBA value.
- rgba(0,0,0,0)
- rgba(0,0,0,1)
- rgba(255,255,255,0)
- rgba(255,255,255,1)
Answer: A) rgba(0,0,0,0)
Explanation:
The transparent keyword is equivalent to rgba(0,0,0,0).
ADVERTISEMENT
16. Which keyword is like a variable that holds the current value of the color property of an element?
- color
- current_color
- currentcolor
- elementcolor
Answer: C) currentcolor
Explanation:
The currentcolor keyword is just like a variable that holds the current value of the color property of an element.
Example:
div.example1 {
color: #006969;
border: 2px solid currentcolor;
}
17. Which keyword inherits its value from its parent element?
- inheritfromparent
- parenetvalue
- inherit
- inherits
Answer: C) inherit
Explanation:
The inherit keyword inherits its value from its parent element.
Example:
div.example1 {
border: 1px solid #006969;
}
p.main {
border: inherit;
}
18. What are the names of different gradients in CSS?
- Linear Gradients, Radial Gradients, and Conic Gradients
- Linear Gradients, Vertical Gradients, and Corner Gradients
- Horizontal Gradients, Vertical Gradients, and Conic Gradients
- Linear Gradients, Radial Gradients, Vertical Gradients, and Conic Gradients
Answer: A) Linear Gradients, Radial Gradients, and Conic Gradients
Explanation:
CSS defines three types of gradients:
- Linear Gradients
- Radial Gradients
- Conic Gradients
19. Which gradients define the color by their center?
- Linear Gradients
- Radial Gradients
- Conic Gradients
- Both A. and B.
Answer: B) Radial Gradients
Explanation:
Radial Gradients define color by their center.
20. Which gradients rotate color around a center point?
- Linear Gradients
- Radial Gradients
- Conic Gradients
- Both A. and B.
Answer: C) Conic Gradients
Explanation:
Conic Gradients rotate color around a center point.
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]
[…] Advanced CSS Multiple-Choice Questions […]