WorksheetsHTML CSS
Total questions: 8
Worksheet time: 3mins
Name
Class
Date
1.
What is the default display value for a <div> element in CSS?
a)
inline
b)
inline-block
c)
block
d)
flex
2.
In the given the HTML and CSS code, how can you ensure the background image covers the entire element and maintains its aspect ratio?ese celestial bodies are planets?
a)
contain
b)
cover
c)
fill
d)
none
3.
In CSS, what is the difference between an ID and a class selector?
a)
Ds are for styling multiple elements, while classes are for single elements.
b)
IDs are for single elements, while classes are for styling multiple elements.
c)
IDs and classes can be used interchangeably.
d)
IDs and classes have no difference in CSS.
4.
Which of the following is the correct CSS link tag?
a)
<link rel="styles" href="stylesheet.css">
b)
<link href="stylesheet">
c)
<link rel="stylesheet" src="styles.css">
d)
<link rel="stylesheet" href="styles.css">
5.
How do you select an element with id "demo"?
a)
demo
b)
#demo
c)
.demo
d)
*demo
6.
How do you select all p elements inside a div element?
a)
div.p
b)
div + p
c)
div p
d)
div > p
7.
If the elements - <p>, <h4> and <a> tags are needed to be of the orange color, then which of the following will do this?
a)
p h4 a { color: orange; }
b)
p; h4; a { color: orange; }
c)
p+a+h4 { color: orange; }
d)
h4, a, p { color: orange; }
8.
Which flexbox properties aligns items on the opposite axis as the flex-direction?
a)
justify-content
b)
align-items
c)
align-content
d)
justify-items
100 %
