W3schools CSS quiz latest update
graded A+
What does the `z-index` property do in CSS?
✔✔The `z-index` property determines the stack order of elements, allowing you to control which
elements appear in front or behind others.
How can you create a circular shape using CSS?
✔✔You can create a circular shape by setting the `border-radius` property to `50%` on a square
element.
What effect does the `transform` property have on an element?
✔✔The `transform` property allows you to apply 2D or 3D transformations, such as rotation,
scaling, and skewing, changing how an element is displayed.
How do you create a CSS grid layout?
✔✔A CSS grid layout can be created by defining a container with `display: grid;` and then
specifying rows and columns using `grid-template-rows` and `grid-template-columns`.
1
, What is the significance of the `!important` rule in CSS?
✔✔The `!important` rule increases the priority of a CSS declaration, ensuring it overrides any
other conflicting styles, but should be used sparingly.
How do you style an active link in CSS?
✔✔An active link can be styled using the `:active` pseudo-class, which applies styles when the
link is being clicked.
What is the difference between `inline`, `block`, and `inline-block` elements in CSS?
✔✔`Inline` elements do not start on a new line, `block` elements do, and `inline-block` elements
are like inline elements but can have width and height.
How can you create a drop shadow effect on text in CSS?
✔✔You can create a drop shadow effect on text using the `text-shadow` property, specifying the
horizontal and vertical offsets, blur radius, and color.
What is the purpose of media queries in CSS?
✔✔Media queries allow you to apply different styles based on conditions such as screen size or
device orientation, enabling responsive design.
2
graded A+
What does the `z-index` property do in CSS?
✔✔The `z-index` property determines the stack order of elements, allowing you to control which
elements appear in front or behind others.
How can you create a circular shape using CSS?
✔✔You can create a circular shape by setting the `border-radius` property to `50%` on a square
element.
What effect does the `transform` property have on an element?
✔✔The `transform` property allows you to apply 2D or 3D transformations, such as rotation,
scaling, and skewing, changing how an element is displayed.
How do you create a CSS grid layout?
✔✔A CSS grid layout can be created by defining a container with `display: grid;` and then
specifying rows and columns using `grid-template-rows` and `grid-template-columns`.
1
, What is the significance of the `!important` rule in CSS?
✔✔The `!important` rule increases the priority of a CSS declaration, ensuring it overrides any
other conflicting styles, but should be used sparingly.
How do you style an active link in CSS?
✔✔An active link can be styled using the `:active` pseudo-class, which applies styles when the
link is being clicked.
What is the difference between `inline`, `block`, and `inline-block` elements in CSS?
✔✔`Inline` elements do not start on a new line, `block` elements do, and `inline-block` elements
are like inline elements but can have width and height.
How can you create a drop shadow effect on text in CSS?
✔✔You can create a drop shadow effect on text using the `text-shadow` property, specifying the
horizontal and vertical offsets, blur radius, and color.
What is the purpose of media queries in CSS?
✔✔Media queries allow you to apply different styles based on conditions such as screen size or
device orientation, enabling responsive design.
2
