Which rule defines an animation that changes the color of the text from green to blue?

@keyframes changeColor { from {color: green;} to {color: blue;} }

@keyframes changeColor { from {color: blue;} to {color: green} }

animation changeColor { from {color: green;} to {color: blue;} }

animation changeColor { color: {green, blue}; }

@keyframes changeColor { color: {green, blue}; }

How do you define an animation named changeColor to last 15 seconds on every h3 tag?

h3 { animation: changeColor 15s; }

h3 { animation-name: changeColor; animation-length: 15s; }

h3:animation { name: changeColor; length: 15s; }

h3 { animation: changeColor; length: 15s; }

h3 { animation: {changeColor, 15s}; }

Which of the following is a correct rule that will hide the visibility of an element?

.disappear { display: hidden; }

.disappear { visibility: none; }

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

CSS Review

Quiz

•

Business

•

10th Grade

•

Practice Problem

•

Hard

Jennifer Hunt

FREE Resource

25 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which rule will italicize the header when the user moves the mouse pointer over it?

h1:active { header: italic; }

h1:hover { header: italic; }

text:hover { font-style: italic; }

header:active { text: italic; }

h1:hover { font-style: italic; }

Answer explanation

The correct rule to italicize the header when the user hovers over it is 'h1:hover { font-style: italic; }'.

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which rule will change the background color of the div to blue when the user clicks on it?

div:hover { background-color: blue; }

div:hover { color: blue; }

div:active { color: blue; }

div:active { background-color: blue; }

div:active { backgroundColor: blue; }

Answer explanation

The correct rule to change the background color of the div to blue when the user clicks on it is div:active { background-color: blue; }.

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which code snippet demonstrates an example of internal styling?

<p style="color:green;">Here is a list of rainy day activities for you to enjoy!</p>

</body>

<style>

body {background-color: blue;}

p {color: green;}

</style>

href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"crossorigin="anonymous">

Answer explanation