WGU C777 QUESTIONS WITH ACCURATE ANSWERS
What is a characteristic of a web page with responsive design? - Accurate answers The ability to
resize to the screen size
Which language provides dynamic content for a web page across all browsers? - Accurate answers
JavaScript
Which type of content should use an <aside>? - Accurate answers News feeds
Which element should a developer use for a bulleted list? - Accurate answers <ul>
What does an HTML5 code validator confirm about code? - Accurate answers It complies with a
standard
A web developer needs to play an audio file endlessly.
The developer writes the following HTML code:
<audio>
<source src = "media/audio.ogg" type="audio/ogg" />
</audio>
Which attribute should this developer use? - Accurate answers loop
Which attribute is used to display an image inside a <video> element before the video starts playing? -
Accurate answers poster
Which style sheet code defines the 18-pixel Arial font for all level two headers? - Accurate answers
h2 {
font-family: Arial; font-size: 18px;
}
Given the following CSS code:
body {
color : white;
}
Which part of an element is affected by the color property? - Accurate answers Text
What should be added first when embedding CSS in a single web page as an internal style sheet? -
Accurate answers A <style> element to the <head> section
What is the first character a developer should use for an id selector in CSS? - Accurate answers #
, 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? - Accurate answers 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? - Accurate answers padding-left: 2px;
What immediately encloses the padding in the CSS box model? - Accurate answers Border
What is the outermost box of the CSS box model? - Accurate answers Margin
Which markup positions an image so that the lower part of it is even with the lower part of adjoining
text? - Accurate answers <img src="sample.jpg" vertical-align="baseline">
Which syntax for a CSS class floats images to the right? - Accurate answers .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? - Accurate answers transition-timing-function
Which CSS property should a developer use to specify the bottom of a 3D element? - Accurate answers
perspective-origin
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? - Accurate answers 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;}
What is a characteristic of a web page with responsive design? - Accurate answers The ability to
resize to the screen size
Which language provides dynamic content for a web page across all browsers? - Accurate answers
JavaScript
Which type of content should use an <aside>? - Accurate answers News feeds
Which element should a developer use for a bulleted list? - Accurate answers <ul>
What does an HTML5 code validator confirm about code? - Accurate answers It complies with a
standard
A web developer needs to play an audio file endlessly.
The developer writes the following HTML code:
<audio>
<source src = "media/audio.ogg" type="audio/ogg" />
</audio>
Which attribute should this developer use? - Accurate answers loop
Which attribute is used to display an image inside a <video> element before the video starts playing? -
Accurate answers poster
Which style sheet code defines the 18-pixel Arial font for all level two headers? - Accurate answers
h2 {
font-family: Arial; font-size: 18px;
}
Given the following CSS code:
body {
color : white;
}
Which part of an element is affected by the color property? - Accurate answers Text
What should be added first when embedding CSS in a single web page as an internal style sheet? -
Accurate answers A <style> element to the <head> section
What is the first character a developer should use for an id selector in CSS? - Accurate answers #
, 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? - Accurate answers 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? - Accurate answers padding-left: 2px;
What immediately encloses the padding in the CSS box model? - Accurate answers Border
What is the outermost box of the CSS box model? - Accurate answers Margin
Which markup positions an image so that the lower part of it is even with the lower part of adjoining
text? - Accurate answers <img src="sample.jpg" vertical-align="baseline">
Which syntax for a CSS class floats images to the right? - Accurate answers .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? - Accurate answers transition-timing-function
Which CSS property should a developer use to specify the bottom of a 3D element? - Accurate answers
perspective-origin
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? - Accurate answers 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;}