5.17.1 Advanced HTML and CSS Quiz
Which of the following settings will not make an element invisible? visibility: hidden appearance: off opacity: 0 display: none
appearance: off
Which of the following selects all elements with the class footer that are inside of divs? div { .footer { ... } } .footer div { ... } div > .footer { ... } div .footer { ... }
div .footer { ... }
Which of the following selects all a tags that are immediate children of div tags? div > a { ... } div a { ... } div < a { ... } div + a { ... }
div > a { ... }
Which of the following applies the invert filter to all images with the class "inverted"? img.inverted { filter: invert(0); } img.inverted { filter: invert; } img inverted { filter: invert(100%); } img.inverted { filter: invert(100%); }
img.inverted { filter: invert(100%); }
Which of the following selects images as the mouse hovers over them and sets their size to 350px by 350px? Correct Answer img:hover { width: 350px; height: 350px; } img :hover { width: 350px; height: 350px; } img::hover { width: 350px; height: 350px; } img > hover { width: 350px; height: 350px
img:hover { width: 350px; height: 350px; }
You are trying to apply the same style to several different elements in a block, with line breaks before and after. Which tag should you use? <span> <div> <style> <src>
<div>
Which of the following defines an animation change-color that changes the font color from green to red? @keyframes change-color { from {color: green;} to {color: red;} } @animation change-color { from {color: green;} to {color: red;} } @keyframes change-color { color: {color: green, red;} } @animation change-color { color: {color: green, red;} }
@keyframes change-color { from {color: green;} to {color: red;} }
Which of the following would you use an IFrame for? Embedding a map from Google Maps in your website Adding an image to your website Changing an image's opacity when the user hovers over the image Adding a filter to an image on your website
Embedding a map from Google Maps in your website
True or False: Only CSS has online documentation because it is a more complex language than HTML. True False
False
Which of the following is the proper way to apply the CSS code inside style.css to the about.html file? Inside style.css: applyTo { href: about.html; } Inside about.html: <head> <style href="style.css"></style> </head> Inside style.css: <html href="about.html"> Inside about.html: <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
Inside about.html: <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
True or False: None of the changes you make in the Inspector will be saved. True False
True
