CSS

Generate an image of a modern web development workspace featuring a computer screen displaying colorful CSS code snippets and design elements, with creative graphics and icons related to styling and web design.

CSS Mastery Quiz

Test your knowledge of CSS with this engaging quiz designed for web development enthusiasts! Whether you’re a beginner or looking to sharpen your skills, this quiz covers a range of topics that will challenge your understanding of CSS fundamentals.

Get ready to explore:

CSS Syntax
Selectors and Properties
Box Model and Layout
Styling Techniques

15 Questions4 MinutesCreated by DesigningStar23

Which of the following property defines the border-width, border-style and border-color of an element’s top border in a single declaration?

Border

Border-top

Border-style

Border-top-style

Given below are the three ways to add CSS to an HTML file (i)Inline style (ii) <style> iii) <link> Assume the same styling is added in all three ways. Arrange the options in INCREASING order of priority.

(i), (ii), (iii)

(i), (iii), (ii)

(ii), (i), (iii)

(iii), (ii), (i)

Box sizing value border-box will reduce the width of the content if we add padding to the content.

True

False

What is the full form of CSS?

Concatenated Style Sheets

Cascading Style Sheets

Concatenating Style Sheets

Cascaded Style Sheets

Which CSS property and value would you use so that you can change the height and width of an inline element? 2/2

Display: inline;

Display: block;

Float: right;

Display: inline-block;

How will you apply padding to an element with the following measurements: Top padding = 50px, Bottom padding = 35px, Left padding = 20px, Right padding = 45px

Padding: 50px 35px 20px 45px;

Padding: 50px 20px 35px 45px;

Padding: 20px 50px 45px 35px;

Padding: 50px 45px 35px 20px;

What effect does happen on an element, if it’s left and right margin is set to ‘auto’ ?

The available margin is split equally

Element can be moved around by the mouse

Element inherits the left and right margin values of its parent element

Element can allocate its left and right margin values to its sibling elements

Which of the following is correct usage of radial gradient for background?

Background-color: radial-gradient(circle at bottom left,blue, red);

Background-image: radial-gradient(circle at bottom left,blue, red);

Background: radial-gradient(circle bottom left,blue, red);

None of the above

What is the property for adding ... At the end of the title which is overflowing out of the card?

Text-overflow: ellipsis;

Text-overflow: clip;

White-space: nowrap;

Overflow: hidden;

What is the purpose of ‘rel’ attribute in a link?

To specify the file format of an external file

To specify the relative file path of the external file

To define the relation between the HTML document and the external file

To define the name of the link

CSS Mastery Quiz

More Quizzes