CSS3 Quiz

What is the purpose of CSS3 selectors?

• To display animated graphics on a web page

• To create interactive forms on a web page

• To play audio and video files on a web page

• To target and style specific elements on a web page.

How can you apply a background image using CSS3?

• image: background('image.jpg');

• background: url('image.jpg');

• background-image: url('image.jpg');

• background-image: image.jpg;

Explain the different types of CSS3 borders.

• Red, blue, green

• Underline, italic, bold

• Left, right, center

• There are several types of CSS3 borders, including solid, dotted, dashed, double, groove, ridge, inset, outset, and none.

What is the use of the transform property in CSS3?

• It is used to add a background color to an element

• It is used to change the font size of an element

• It is used to create a border around an element

• It is used to apply 2D or 3D transformations to an element.

What is the difference between class and ID selectors in CSS3?

• Class selectors and ID selectors are interchangeable and can be used in the same way.

• Class selectors apply to multiple elements, while ID selectors apply to a single unique element.

• Class selectors apply to a single unique element, while ID selectors apply to multiple elements.

• Class selectors and ID selectors have no difference in their functionality.

How can you create a gradient background using CSS3?

• Use the 'background-color' property and specify two colors to create a gradient effect

• Use the 'background-image' property and specify a linear or radial gradient using the 'linear-gradient()' or 'radial-gradient()' function.

• Upload a gradient image and set it as the background using the 'background' property

• Apply a pre-made gradient style from a CSS library using the 'gradient-style' property

Explain the box-shadow property in CSS3.

• The box-shadow property in CSS3 is used to change the color of the element's border.

• The box-shadow property in CSS3 is used to add a background image to the element.

• The box-shadow property in CSS3 is used to create a 3D effect for the element.

• The box-shadow property in CSS3 is used to add shadow effects around an element's frame.

What are the different transform functions available in CSS3?

• stretch()

• flip()

• translate(), rotate(), scale(), skew(), matrix()

• warp()

How can you create a rounded border using CSS3?

• Set the 'border-shape' style

• Use the 'border-curve' property

• Apply the 'rounded-border' attribute

• Use the 'border-radius' property

What is the purpose of the transition property in CSS3?

• To make the element invisible

• To add a border around the element

• To change the font size of the element

• To change the style of an element smoothly over a specified duration.