WGU C777

WGU C777 Complete Solutions What is a characteristic of a web page with responsive design? Ans- The ability to resize to the screen size Which language provides dynamic content for a web page across all browsers? Ans- JavaScript Which type of content should use an aside? Ans- News feeds Which element should a developer use for a bulleted list? Ans- ul What does an HTML5 code validator confirm about code? Ans- 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/" type="audio/ogg" / /audio Which attribute should this developer use? Ans- loop Which attribute is used to display an image inside a video element before the video starts playing? Ans- poster Which style sheet code defines the 18-pixel Arial font for all level two headers? Ans- 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? Ans- Text 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. 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="" 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? Ans- perspectiveorigin 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? 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 { 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? Ans- Forever 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? Ans- 5 seconds 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 { background-color: green; cursor: pointer; } Which color does this box turn when a user hovers a mouse pointer over it? Ans- Green with a time duration of two seconds A web page has a section that contains an aside element. The element is always 10 pixels from the right and 50 pixels from the top of the browser. Which type of layout positioning does the aside element use? Ans- Fixed A web designer reviews the following CSS3 code: #brand { font-weight: bold; } Which paragraph element will it select? Ans- p id="brand"Web Design/p Which CSS selector defines an element with a class attribute equal to subject? Ans- .subject Which background-size property value scales the background image to the greatest height and width that fits within the specified content area? Ans- contain The background-origin property has a value named padding-box. Which corner of the padding edge does the padding-box value set the background relative to? AnsUpper left Which tag enables developers to include dynamic code in an HTML document? Ans- var name = "Student"; Which code segment declares a variable and assigns a Boolean value to it? Ans- var enabled = true; Which code segment contains a logical expression? Ans- if (total 250){discount = true;} Which code segment contains a logical expression? Ans- var discount = (total 250) ? true : false; Which variable name format does JavaScript use? Ans- _address Which data type contains properties and methods? Ans- Object