WGU C777 OBJECTIVE ASSESSMENT 475
CORE HTML, CSS, AND JAVASCRIPT
CONCEPTS REVIEW 2026
◉ Given the following CSS code:
div {
transition-property: opacity, left, top, height;
transition-duration: 5s;
transition-delay: 3s
}
Which value determines how long the transition will last?
Answer: 5 seconds
◉ Given the following CSS code:
.box {
width: 150px;
height: 150px;
background: red;
margin-top: 20px;
,margin-left: auto;
margin-right: auto;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
}
.box:hover {
background-color: green;
cursor: pointer;
}
Which color does this box turn when a user hovers a mouse pointer
over it?
Answer: Green with a time duration of two seconds
◉ A web page has a section that contains an <aside> element. The
element is always 10 pixels from the right and 50 pixels from the top
of the browser.
Which type of layout positioning does the <aside> element use?
, Answer: Fixed
◉ A web designer reviews the following CSS3 code:
#brand {
font-weight: bold;
}
Which paragraph element will it select?
Answer: <p id="brand">Web Design</p>
◉ Which CSS selector defines an element with a class attribute equal
to subject?
Answer: .subject
◉ Which background-size property value scales the background
image to the greatest height and width that fits within the specified
content area?
Answer: contain
◉ The background-origin property has a value named padding-box.
CORE HTML, CSS, AND JAVASCRIPT
CONCEPTS REVIEW 2026
◉ Given the following CSS code:
div {
transition-property: opacity, left, top, height;
transition-duration: 5s;
transition-delay: 3s
}
Which value determines how long the transition will last?
Answer: 5 seconds
◉ Given the following CSS code:
.box {
width: 150px;
height: 150px;
background: red;
margin-top: 20px;
,margin-left: auto;
margin-right: auto;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
}
.box:hover {
background-color: green;
cursor: pointer;
}
Which color does this box turn when a user hovers a mouse pointer
over it?
Answer: Green with a time duration of two seconds
◉ A web page has a section that contains an <aside> element. The
element is always 10 pixels from the right and 50 pixels from the top
of the browser.
Which type of layout positioning does the <aside> element use?
, Answer: Fixed
◉ A web designer reviews the following CSS3 code:
#brand {
font-weight: bold;
}
Which paragraph element will it select?
Answer: <p id="brand">Web Design</p>
◉ Which CSS selector defines an element with a class attribute equal
to subject?
Answer: .subject
◉ Which background-size property value scales the background
image to the greatest height and width that fits within the specified
content area?
Answer: contain
◉ The background-origin property has a value named padding-box.