CSS and HTML Quiz

Assume you have two files for your website, and these files exist in the same folder: about.html style.css 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:

• Inside style.css:

• Inside about.html:

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?

• 1. <span>

• 1. <div>

• 1. <style>

• 1. <src>

Which of the following selects all elements with the class footer that are inside of divs?

• div { .footer { ... } }

• .footer div { ... }

• 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 { ... }

Which of the following will turn the first letter of all p elements blue?

• p::first-letter { color=blue; }

• p:first-letter { color=blue; }

• p::first-letter { color: blue; }

• p:first-letter { color: blue; }

Which of the following selects images as the mouse hovers over them and sets their size to 350px by 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; }

Which of the following settings will not make an element invisible?

• visibility: hidden

• appearance: off

• opacity: 0

• display: none

Only CSS has online documentation because it is a more complex language than HTML.

• True

• False

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%); }

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;} }