WGU C777 OBJECTIVE ASSESSMENT
EXAM WITH ACTUAL CORRECT
QUESTIONS AND VERIFIED DETAILED
ANSWERS|FREQUENTLY TESTED
QUESTIONS AND
SOLUTIONS|NEWEST|GUARANTEED
PASS 2026/2027
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?
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;
}
1|Page
, Which color does this box turn when a user hovers a mouse pointer over it?
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?
Fixed
A web designer reviews the following CSS3 code:
#brand {
font-weight: bold;
}
Which paragraph element will it select?
<p id="brand">Web Design</p>
Which CSS selector defines an element with a class attribute equal to subject?
. subject
Which background-size property value scales the background image to the greatest height and width
that fits within the specified content area?
contain
The background-origin property has a value named padding-box.
Which corner of the padding edge does the padding-box value set the background relative to?
Upper left
Which tag enables developers to include dynamic code in an HTML document?
var name = "Student";
Which code segment declares a variable and assigns a Boolean value to it?
var enabled = true;
Which code segment contains a logical expression?
if (total > 250) {discount = true;}
Which code segment contains a logical expression?
var discount = (total > 250)? true: false;
2|Page
EXAM WITH ACTUAL CORRECT
QUESTIONS AND VERIFIED DETAILED
ANSWERS|FREQUENTLY TESTED
QUESTIONS AND
SOLUTIONS|NEWEST|GUARANTEED
PASS 2026/2027
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?
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;
}
1|Page
, Which color does this box turn when a user hovers a mouse pointer over it?
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?
Fixed
A web designer reviews the following CSS3 code:
#brand {
font-weight: bold;
}
Which paragraph element will it select?
<p id="brand">Web Design</p>
Which CSS selector defines an element with a class attribute equal to subject?
. subject
Which background-size property value scales the background image to the greatest height and width
that fits within the specified content area?
contain
The background-origin property has a value named padding-box.
Which corner of the padding edge does the padding-box value set the background relative to?
Upper left
Which tag enables developers to include dynamic code in an HTML document?
var name = "Student";
Which code segment declares a variable and assigns a Boolean value to it?
var enabled = true;
Which code segment contains a logical expression?
if (total > 250) {discount = true;}
Which code segment contains a logical expression?
var discount = (total > 250)? true: false;
2|Page
