CSS Basics Quiz
Want to learn more than this quiz offers you? Have a look at my Frontend web
development courses.
Create an account and save your quiz results
Login and save your results
OR
Question 1/15
How do you make each word in a text start with a capital letter with CSS?
Select your answer
Question 2/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 3/15
To create space between the content of an element and its border, which property is used?
Select your answer
Question 4/15
Which CSS property is used to set the size of the margin area around an element?
Select your answer
Question 5/15
Which CSS property is used to change the typeface of a text?
Select your answer
Question 6/15
Which CSS property is used to change the text size?
Select your answer
Question 7/15
How do you make a link without an underline?
Select your answer
Question 8/15
What CSS property is used to control the spacing between lines of text?
Select your answer
Question 9/15
Which CSS property controls the text alignment?
Select your answer
Question 10/15
What property sets the space between elements in a flex container?
Select your answer
Question 11/15
In CSS, how do you select elements with an ID 'header'?
Select your answer
Question 12/15
What does the 'z-index' property in CSS control?
Select your answer
Question 13/15
How do you select elements with the class name 'button'?
Select your answer
Question 14/15
Which property is used to control the opacity of an element?
Select your answer
Question 15/15
How would you change the cursor to a hand pointer when hovering over a 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
How do you make each word in a text start with a capital letter with CSS?
Available answers
The 'text-transform: capitalize;' property in CSS is used to make the first letter of each word capitalized.
Question 2/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 3/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 4/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which CSS property is used to set the size of the margin area around an element?
Available answers
The 'margin' property in CSS creates extra space around an element, outside of any defined borders.
Question 5/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which CSS property is used to change the typeface of a text?
Available answers
The 'font-family' property specifies the font used for an element's text.
Question 6/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 7/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 8/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 9/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 10/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 11/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 12/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What does the 'z-index' property in CSS control?
Available answers
The 'z-index' property determines the stack order of positioned elements that overlap each other, with higher values placed in front.
Question 13/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'.
Question 14/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which property is used to control the opacity of an element?
Available answers
The 'opacity' property specifies the transparency level of an element. A lower value means more transparency.
Question 15/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.