WorksheetsCSS Properties Quiz
Total questions: 15
Worksheet time: 8mins
What does the CSS property "text-indent" control?
The color of the text
The font size of the text
The spacing for the first line in a block of text
The background color of the text
What happens when you apply a positive "text-indent" value like "10px"?
The text moves to the left
The text moves to the right
The text becomes bold
The text color changes
How can a large negative "text-indent" value be used in CSS?
To change the text color
To hide text completely
To increase the font size
To underline the text
What is the purpose of the ":hover" state in CSS?
To change the text color permanently
To style elements when the mouse is over them
To increase the font size
To add a border to the text
What is the purpose of setting the text-indent to -9999px in the CSS rule for the "annotated" class?
To hide the text off-screen
To change the text color
To increase the font size
To add a border to the text
What CSS property is used to make the background partially transparent in the ":hover" state?
opacity
rgba
background-color
transparency
What effect does the ":hover" state have on the "annotated" class?
It changes the font style
It applies a border and background color
It increases the text size
It removes the list item
What is the effect of the CSS selector ".annotated:hover li"?
It applies a solid white background to the list item.
It hides the annotation text and shows a semi-transparent box.
It changes the text color to red.
It makes the text bold.
When does the CSS selector ".annotated li:hover" become active?
When the mouse is hovering over any part of the page.
When the mouse is hovering over a
When the mouse is clicked on the list item.
When the page is loaded.
What background color is applied by the ".annotated:hover li" selector?
Blue
Red
rgba(255,255,255,0.8)
Green
What happens when you hover your mouse over the image in the CSS example?
The image changes color.
The text appears in the box.
The image disappears.
The boxes change shape.
What is the main purpose of using CSS rules in web design as mentioned in the text?
To make websites load faster.
To create complex effects with little effort.
To increase website security.
To reduce the size of images.
What is the purpose of using the "cursor" property in CSS3?
To change the background color of elements
To modify the mouse cursor appearance
To adjust the text size
To set the font style
Which cursor value is used to get the standard arrow cursor?
crosshair
pointer
default
text
What happens when you add "cursor: default;" to the ".annotated li:hover" rule?
The text color changes
The cursor changes to a crosshair
The cursor changes to the default arrow
The background color changes
