HTML and CSS Reference
In-Depth Information
Correct answer:
A
2.
Correct:
Each side will be styled differently and the syntax is correct.
A.
Incorrect:
border-sides is not a valid property.
B.
Incorrect:
border-all is not a valid property.
C.
Incorrect:
The syntax is not correct to set the border properties with the short-
hand. Full is not a valid value.
D.
Correct answer:
B
3.
Incorrect:
This is not the correct sequence.
A.
Correct:
Margin, border, padding is the correct sequence.
B.
Incorrect:
This is not the correct sequence.
C.
Incorrect:
This is not the correct sequence.
D.
Correct answer:
A
4.
Correct
: box-shadow: gray 5px 5px; will apply a box shadow to the right and bot-
tom edge of a
div
element.
A.
Incorrect:
The shadow will be on the left and bottom.
B.
Incorrect:
The shadow will be on the top and right.
C.
Incorrect:
The shadow will be the top and left.
D.
Correct Answer:
B
5.
Incorrect:
Absolute positioning is relative to the parent.
A.
Correct:
Fixed positioning is the correct answer.
B.
Incorrect:
Relative positioning is relative to the elements in normal flow.
C.
Objective 4.3: Thought experiment
The following listing shows the code for the blog page with the addition of a column layout
for the main content section. The additional CSS is highlighted in bold.
<html>
<head>
<style>
html, body {
height: 100%;
width: 100%;
}
#blogPage {
display: grid;
grid-columns: 15% 1fr 25%;
grid-rows: (20%)[5];
width: 90%;
height: 95%;
Search WWH ::
Custom Search