WGU C777 OBJECTIVE ASSESSMENT (WEB
DEVELOPMENT APPLICATIONS) WITH
CORRECT ANSWERS 2026/2027 LATEST
UPDATE
What should be added first when embedding CSS in a single web page
as an internal style sheet? -
ANS ✔-A <style> element to the <head> section
What is the first character a developer should use for an id selector in
CSS? - ANS ✔-#
A developer has an image that needs to remain in the same place when
the page is scrolled.
Which CSS positioning scheme should this developer use? - ANS ✔-
Fixed
A developer needs two pixels of space on the left side of content relative
to the border.
1
,Which CSS property should this developer use? - ANS ✔-padding-left:
2px;
What immediately encloses the padding in the CSS box model? - ANS
✔-Border
What is the outermost box of the CSS box model? - ANS ✔-Margin
Which markup positions an image so that the lower part of it is even
with the lower part of adjoining
text? - ANS ✔-<img src="sample.jpg" vertical-align="baseline">
Which syntax for a CSS class floats images to the right? - ANS
✔-.floatright { float: right; margin: 7px;
}
Which CSS transition should be used on an image to make it ease in when a
user's mouse hovers over
that image? - ANS ✔-transition-timing-function
Which CSS property should a developer use to specify the bottom of a
3D element? - CORRECT
ANSWER-perspective-origin
A web designer creates the following animation
by using CSS3:
Page | 2
, #texteffect { position:
relative; animation-name:
scroll; animation-duration:
5s; animation-timing-
function: linear;
animation-play-state: running;
}
@keyframes scroll {
from {left: 0px;}
to {left: 200px;}
}
How does the content of the element move when the page loads? - ANS
✔-From left to right one time
A web page includes the following CSS code:
@keyframes anim_01 {
0% {left: 0px; top: 0px;}
50 % {left: 200px; top: 0px;}
100 % {left: 600px; top: 0px;}
}
#animation {
Page | 3
DEVELOPMENT APPLICATIONS) WITH
CORRECT ANSWERS 2026/2027 LATEST
UPDATE
What should be added first when embedding CSS in a single web page
as an internal style sheet? -
ANS ✔-A <style> element to the <head> section
What is the first character a developer should use for an id selector in
CSS? - ANS ✔-#
A developer has an image that needs to remain in the same place when
the page is scrolled.
Which CSS positioning scheme should this developer use? - ANS ✔-
Fixed
A developer needs two pixels of space on the left side of content relative
to the border.
1
,Which CSS property should this developer use? - ANS ✔-padding-left:
2px;
What immediately encloses the padding in the CSS box model? - ANS
✔-Border
What is the outermost box of the CSS box model? - ANS ✔-Margin
Which markup positions an image so that the lower part of it is even
with the lower part of adjoining
text? - ANS ✔-<img src="sample.jpg" vertical-align="baseline">
Which syntax for a CSS class floats images to the right? - ANS
✔-.floatright { float: right; margin: 7px;
}
Which CSS transition should be used on an image to make it ease in when a
user's mouse hovers over
that image? - ANS ✔-transition-timing-function
Which CSS property should a developer use to specify the bottom of a
3D element? - CORRECT
ANSWER-perspective-origin
A web designer creates the following animation
by using CSS3:
Page | 2
, #texteffect { position:
relative; animation-name:
scroll; animation-duration:
5s; animation-timing-
function: linear;
animation-play-state: running;
}
@keyframes scroll {
from {left: 0px;}
to {left: 200px;}
}
How does the content of the element move when the page loads? - ANS
✔-From left to right one time
A web page includes the following CSS code:
@keyframes anim_01 {
0% {left: 0px; top: 0px;}
50 % {left: 200px; top: 0px;}
100 % {left: 600px; top: 0px;}
}
#animation {
Page | 3
