WGU C777 WEB DEVELOPMENT APPLICATIONS PA AND OA
C) Border
EXAM BANK 2026 | ACCURATE REAL EXAM TESTING
VERSIONS AND A STUDY GUIDE | EXPERT VERIFIED FOR D) Table - ANSWER-Border
GUARANTEED PASS
What is the outermost box of the CSS box model?
A developer needs two pixels of space on the left side of content relative to the border. Which CSS A) Border
property should this developer use? B) Padding
A) padding-left:2px; C) Content
B) border:2px;
D) Margin - ANSWER-Margin
C) margin-left:2px;
D) float:left; - ANSWER-padding-left:2px;
Which markup positions an image so that the lower part of it is even with the lower part of adjoining
text?
A web designer reviews the following CSS3 code: A) <img src="sample.jpg" vertical-align="baseline">
#brand { font- B) <img src="sample.jpg" text-align="bottom">
weight: bold; C) <img src="sample.jpg" padding="baseline">
} D) <img src="sample.jpg" margin="bottom"> - ANSWER-<img src="sample.jpg"
Which paragraph element will it select? verticalalign="baseline">
A) <p class="brand">Web Design</p>
B) <p id="brand">Web Design</p>
Which syntax for a CSS class floats images to the right?
C) <p style="brand">Web Design</p>
A) .floatright { float: right;
D) <p id="#brand">Web Design</p> - ANSWER-<p id="brand">Web Design</p> margin: 7px;
}
B) .floatright
Which CSS selector defines an element with a class attribute equal to subject?
< float: right;
A) #subject
margin: 7px;
B) .subject
>
C) @subject
C) .float {
D) ::subject - ANSWER-.subject
floatright: right;
margin: 7px;
What immediately encloses the padding in the CSS box model? }
A) Content
,
, D) .float < to {left: 200px;}
float: right; }
margin: 7px; How does the content of the element move when the page loads?
A) From left to right one time
> - ANSWER-.floatright {
B) From left to right, repeating for as long as the page displays
float: right;
C) From top to bottom one time
margin: 7px;
} D) From top to bottom, repeating for as long as the page displays - ANSWER-From left to right
one time
Which CSS transition should be used on an image to make it ease in when a user's mouse hovers
over that image? A web page includes the following CSS code:
A) transition-property @keyframes anim_01 {
B) transition-duration 0% {left: 0px; top: 0px;}
C) transition-timing-function 50% {left: 200px; top: 0px;}
D) transition-delay - ANSWER-transition-timing-function 100% {left: 600px; top: 0px;}
}
#animation {
Which CSS property should a developer use to specify the bottom of a 3D element?
position:relative;
A) transform
animation-name: anim_01; animation-
B) perspective
duration: 4s; animation-timing-function:
C) transform-style
linear; animation-iteration-count: infinite;
D) perspective-origin - ANSWER-perspective-origin animation-direction: alternate; animation-
play-state: running;
A web designer creates the following animation by using CSS3: }
#texteffect { position: relative; How often does the animation play when it is invoked?
animation-name: scroll; A) Two times
animation-duration: 5s; B) Four times
animation-timing-function: C) Forever
linear; animation-play-state:
D) Once - ANSWER-Forever
running;
}
Given the following CSS code:
@keyframes scroll {
from {left: 0px;}