WGU C777 - Post Assessment Selections Exam Latest Update 2024-2025 Questions and Verified Correct Answers Guaranteed A+ 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?
- Static
- Absolute
- Relative
D) Fixed - CORRECT ANSWER: Fixed
A developer needs two pixels of space on the left side of content relative to the border.Which CSS property should this developer use?
A) padding-left:2px;
B) border:2px;
C) margin-left:2px;
- float:left; - CORRECT ANSWER: padding-left:2px;
A user's information defaults onto a form. Which event triggers if the user keys in a new value in the First Name field?
- change
- reset
- unload
D) abort - CORRECT ANSWER: change
A web designer creates the following animation by using CSS3:
#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?
- From left to right one time
- From left to right, repeating for as long as the page displays
- From top to bottom one time
- From top to bottom, repeating for as long as the page displays - CORRECT
ANSWER: From left to right one time
A web designer reviews the following CSS3 code: 1 / 4
#brand {
font-weight: bold;
} Which paragraph element will it select?
Web Design
Web Design
Web Design
Web Design
- CORRECT ANSWER:Web
Design
A web developer needs to play an audio file endlessly. The developer writes the
following HTML code:
Which attribute should this developer use?
- controls
- autoplay
- loop
D) src - CORRECT ANSWER: loop
A web page has a section that contains an
- Static
- Relative
- Absolute
D) Fixed - CORRECT ANSWER: Fixed
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 {
position:relative;
animation-name: anim_01;
animation-duration: 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
} How often does the animation play when it is invoked?
- Two times 2 / 4
- Four times
- Forever
D) Once - CORRECT ANSWER: Forever
Given the following code:
What should a developer add or change to ensure that the form is validated when submitted?- The method needs to be changed from post to get.
- The event handler and function should be added to the input tag.
- The event handler and function should be added to the form tag.
- The input type needs to be changed from text to submit. - CORRECT ANSWER: The
event handler and function should be added to the form tag.
Given the following code:
ctx.beginPath(); ctx.lineWidth = 3; ctx.fillStyle = "red"; ctx.arc(75, 75, 50, 0, Math.PI * 2, true); ctx.fill(); ctx.moveTo(0, 0); ctx.lineTo(100, 100); Which Canvas application programming interface (API) method should a developer use to add the line to the drawn path on a canvas?
- closePath()
- stroke()
- fill()
D) beginPath() - CORRECT ANSWER: stroke()
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 { 3 / 4
background-color: green;
cursor: pointer;
} Which color does this box turn when a user hovers a mouse pointer over it?
- Green with a time delay of two seconds
- Red with a time delay of two seconds
- Green with a time duration of two seconds
D) Red with a time duration of two seconds - CORRECT ANSWER: Green with a time
duration of two seconds
Given the following CSS code:
body {
color : white;
} Which part of an element is affected by the color property?
- Text
- Border
- Background
D) Shadow - CORRECT ANSWER: Text
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?
- 0 seconds
- 1 second
- 3 seconds
D) 5 seconds - CORRECT ANSWER: 5 seconds
Given the following HTML code:
- One
- Two
- $("ul > li").append("
- Zero ");
- $("ul").prepend("
- Zero ");
- $("ul > li").after("
- Zero ");
- $("ul").before("
- Zero "); - CORRECT ANSWER:
- Zero ");
$("ul").prepend("
Given the following HTML:
- / 4