What is a characteristic of a web page with responsive design? - ANSWER The
ability to resize to the screen size
Which language provides dynamic content for a web page across all browsers? -
ANSWER JavaScript
Which type of content should use an <aside>? - ANSWER News feeds
Which element should a developer use for a bulleted list? - ANSWER <ul>
What does an HTML5 code validator confirm about code? - ANSWER 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? - ANSWER loop
Which attribute is used to display an image inside a <video> element before the
video starts playing? - ANSWER poster
Which style sheet code defines the 18-pixel Arial font for all level two headers? -
ANSWER 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? - ANSWER Text
What should be added first when embedding CSS in a single web page as an
internal style sheet? - ANSWER A <style> element to the <head> section
What is the first character a developer should use for an id selector in CSS? -
ANSWER #
, 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? - 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? - ANSWER padding-left: 2px;
What immediately encloses the padding in the CSS box model? - ANSWER Border
What is the outermost box of the CSS box model? - ANSWER Margin
Which markup positions an image so that the lower part of it is even with the lower
part of adjoining text? - ANSWER <img src="sample.jpg" vertical-align="baseline">
Which syntax for a CSS class floats images to the right? - ANSWER .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? - ANSWER transition-timing-function
Which CSS property should a developer use to specify the bottom of a 3D element?
- ANSWER 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? - ANSWER 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;}