CSS Basics Quiz

Create an account and save your quiz results

Login and save your results

OR

Question 1/15

Which CSS property controls the text alignment?

Select your answer

Question 2/15

How would you change the cursor to a hand pointer when hovering over a button?

Select your answer

Question 3/15

Which property is used to change the left margin of an element?

Select your answer

Question 4/15

Which CSS property is used to change the text color of an element?

Select your answer

Question 5/15

What does CSS stand for?

Select your answer

Question 6/15

To create space between the content of an element and its border, which property is used?

Select your answer

Question 7/15

What is the value for 'position' that will pin an element to a specific spot on the page, regardless of scrolling?

Select your answer

Question 8/15

How would you make sure that an element is hidden, but still occupies space in the layout?

Select your answer

Question 9/15

How do you add a background color for all H1 elements?

Select your answer

Question 10/15

How do you make a link without an underline?

Select your answer

Question 11/15

What CSS property is used to control the spacing between lines of text?

Select your answer

Question 12/15

In CSS, how do you select elements with an ID 'header'?

Select your answer

Question 13/15

Which CSS property is used to change the text size?

Select your answer

Question 14/15

What property sets the space between elements in a flex container?

Select your answer

Question 15/15

How do you select elements with the class name 'button'?

Select your answer

Your Results

You did not answer any questions correctly.

Your Answers

Question 1/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which CSS property controls the text alignment?

Available answers

The 'text-align' property sets the horizontal alignment of text within an element. Options include left, right, center, and justify.
Question 2/15
😊 Your answer was correct 🙁 Your answer was incorrect
How would you change the cursor to a hand pointer when hovering over a button?

Available answers

The 'cursor: pointer;' property changes the cursor icon to a hand pointer when hovering over an element, indicating it is clickable.
Question 3/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which property is used to change the left margin of an element?

Available answers

The 'margin-left' property is used to set the margin space on the left side of an element.
Question 4/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which CSS property is used to change the text color of an element?

Available answers

The 'color' property in CSS is used to set the color of the text of an element.
Question 5/15
😊 Your answer was correct 🙁 Your answer was incorrect
What does CSS stand for?

Available answers

CSS stands for Cascading Style Sheets, which is a style sheet language used for describing the presentation of a document written in HTML or XML.
Question 6/15
😊 Your answer was correct 🙁 Your answer was incorrect
To create space between the content of an element and its border, which property is used?

Available answers

The 'padding' property is used to create space between an element's content and its border.
Question 7/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the value for 'position' that will pin an element to a specific spot on the page, regardless of scrolling?

Available answers

The 'fixed' value of the 'position' property fixes the position of an element relative to the browser window, staying in place even when the page is scrolled.
Question 8/15
😊 Your answer was correct 🙁 Your answer was incorrect
How would you make sure that an element is hidden, but still occupies space in the layout?

Available answers

'visibility: hidden;' hides the element from view but keeps the space it occupies intact in the layout.
Question 9/15
😊 Your answer was correct 🙁 Your answer was incorrect
How do you add a background color for all H1 elements?

Available answers

The 'background-color' property is used to set the background color for HTML elements. Here, it's applied to all H1 elements.

Question 10/15
😊 Your answer was correct 🙁 Your answer was incorrect
How do you make a link without an underline?

Available answers

The 'text-decoration' property controls text decorations. Setting 'text-decoration: none;' removes the underline from a link.
Question 11/15
😊 Your answer was correct 🙁 Your answer was incorrect
What CSS property is used to control the spacing between lines of text?

Available answers

The 'line-height' property in CSS determines the amount of space allocated to the height of a line of text.
Question 12/15
😊 Your answer was correct 🙁 Your answer was incorrect
In CSS, how do you select elements with an ID 'header'?

Available answers

CSS ID selectors use a hash symbol (#) followed by the ID value. So, '#header' selects the element with the ID of 'header'.
Question 13/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which CSS property is used to change the text size?

Available answers

The 'font-size' property sets the size of the text. It can be specified using pixels, ems, or percentages.
Question 14/15
😊 Your answer was correct 🙁 Your answer was incorrect
What property sets the space between elements in a flex container?

Available answers

The 'gap' property in a flex container specifies the gap (space) between flex items.
Question 15/15
😊 Your answer was correct 🙁 Your answer was incorrect
How do you select elements with the class name 'button'?

Available answers

In CSS, classes are selected with a dot (.) followed by the class name. So, '.button' selects all elements with class='button'.