Font size
WorksheetsHTML Division Content & CSS Positioning
Total questions: 25
Worksheet time: 39mins
What does a class do?
adds color to words
adds style to specific elements
adds style to a whole page
adds a lot more work
Inside a HTML document, where should you put the link tag to connect your HTML & CSS file?
In the <body> section
At the very end of the document
In the <head> section
At the very beginning of the document
Which selector is used to style the whole web page?
body
head
p
a
HTML attributes always appear
in the opening tag
in the closing tag
between the tags
after the closing tag
If you want to design an element directly by inputting the style in the tag, which is the CSS way that you have to use?
Inline CSS
Internal CSS
External CSS
All of the above
Style will come inside the <head> tag for
Inline CSS
Internal CSS
External CSS
All of the above
In CSS, what is the symbol used to group CSS selectors together?
Dash (-)
Colon (:)
Semicolon (;)
Comma (,)
If you want to have more than one property-value pair for a CSS selector, what character separates them?
Dash (-)
Colon (:)
Semicolon (;)
Comma (,)
An element that is placed inside another element is called the _________ element.
ancestor
parent
child
HTML division content is used to achieve the following BUT
Organize content easily
Simplify styling process of elements
Make a web page popular
Based on the picture, what does the division content do?
Change background of division content to pink
Change background of body to pink
Nothing
In CSS, elements can be positioned using the _______, _______, _______, and _______ properties.
overlap
top
left
bottom
right
How do you select elements with the class name "green"?
(a)
In CSS, what is the symbol used to separate a property and a value?
(a)
Which HTML tag classifies your page into divisions? (Hint: The answer should be written as <element></element>)
(a)
What is the default position value for HTML elements?
(a)
In CSS, when an element value is set to be (a) for the position property, it’s position is removed from the normal flow.
In CSS, when an element value is set to be (a) for the position property, it’s position is still maintained with the normal document flow.
Complete the HTML comment tag with a missing symbol
(a)
Complete the CSS comment tag with a missing symbol.
(a)
What unit of measurement does CSS use for size?
px
%
em
All of the above
Based on the picture, how many classes are involved in the division?
(a)
Based on the picture, state the class name(s) involved for the division. (Hint: Separate the answers using a comma [,] symbol)
(a)
Based on the picture, will the <p> elements be bolded and have a yellow background if the <div> that contains this style is not present?
(Answer “Yes” or “No”)
(a)
Based on the picture, what is the missing property inside the div element so that its contents are aligned to center?
(a)
