Have an account?
Skip to Content
Build your own quiz
Suggestions for you
15 questions
Show Answers
See Preview
- 1. Multiple Choice
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>
- 2. Multiple Choice
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
- 3. Multiple Choice
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>
- 4. Multiple Choice
Which of the following selects all elements with the class footer that are inside of divs?
div {
.footer {
...
}
}
.footer div {
...
}
div > .footer {
...
}
div .footer {
...
}
- 5. Multiple Choice
Which of the following selects all a tags that are immediate children of div tags?
div > a {
...
}
...
}
div < a {
...
}
div + a {
...
}
- 6. Multiple Choice
Why is it important to avoid repetitive code while creating a website?
Excessive code is harder to read and understand
It is easier to make edits to websites when CSS rules are strategically grouped and organized
It demonstrates good coding style
All of the above
- 7. Multiple Choice
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;
}
- 8. Multiple Choice
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;
}
- 9. Multiple Choice
Which of the following settings will not make an element invisible?
visibility: hidden
appearance: off
opacity: 0
display: none
- 10. Multiple Choice
True or False: Only CSS has online documentation because it is a more complex language than HTML.
True
False
- 11. Multiple Choice
True or False: None of the changes you make in the Inspector will be saved.
True
False
- 12. Multiple Choice
Which of the following defines border thickness so that the top and bottom borders are 10px thick and left and right borders are 5px thick?
border: 5px 10px 5px 10px
border: 5px 5px 10px 10px
border: 10px 10px 5px 5px
border: 10px 5px 10px 5px
- 13. Multiple Choice
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%);
}
- 14. Multiple Choice
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;}
}
- 15. Multiple Choice
Which of the following will result in a smooth transition from green to red as the mouse clicks on h1 tags?
h1 {
color: green;
transition: color 2s;
}
h1:active {
color: red;
}
h1 {
color: green;
transition: color 2s;
}
h1:hover {
color: red;
}
h1 {
color: green;
}
h1:active {
color: red;
}
h1 {
color: green;
}
h1:active {
color: red;
}
- Answer choicesTagsAnswer choicesTags