Question 1

Name the two parts of the syntax for creating a linear gradient, and describe the role of each part.

Accepted Answer

The answer of Name the two parts of the syntax...

Question 2

Matching
Match each pseudo-class with the appropriate description.
-user entry in the field is required
A):active
B):checked
C):focus
D):required
E):valid

Accepted Answer

The "required" pseudo-class is used to select form fields that have the "required" attribute, meaning the user must enter information into the field in order to submit the form.

Answer: C
 The "focus" pseudo-class is used to select form fields that currently have the user's focus, meaning the user has selected or is currently typing into that field.

Note: None of the other pseudo-classes listed match the given description.

Question 3

Matching
Match each pseudo-class with the appropriate description.
-the element is in the process of being clicked or otherwise activated
A):active
B):checked
C):focus
D):required
E):valid

Accepted Answer

The :active pseudo-class applies to an element that is in the process of being clicked or otherwise activated.

Answer: B
 The :checked pseudo-class applies to checkboxes and radio buttons that are checked.

Answer: C
 The :focus pseudo-class applies to an element that currently has focus (i.e., is being interacted with).

Answer: D
 The :required pseudo-class applies to form elements (such as input fields) that are required to be filled out before the form can be submitted.

Answer: E
 The :valid pseudo-class applies to form elements that have been filled out correctly (i.e., have valid input).

Question 4

Because the transform property is a relatively new CSS feature, it was implemented in some browsers with browser __________, which are words or abbreviations that are added to the start of a property name.

Accepted Answer

The answer of Because the transform property is a relatively...

Question 5

The __________ keyword prevents a gradient from repeating.

Accepted Answer

The answer of The __________ keyword prevents a gradient from...

Question 6

Because the @-webkit-keyframes rule and the :valid pseudo-class are not part of the CSS specification, they cause __________ errors.

Accepted Answer

The answer of Because the @-webkit-keyframes rule and the :valid...

Question 7

__________ animations enable you to control more aspects of an animation than transitions.

Accepted Answer

The answer of __________ animations enable you to control more...

Question 8

When you click a form field, it has the focus and the declarations in a style rule using the __________ pseudo-class are applied.

Accepted Answer

The answer of When you click a form field, it...

Question 9

You can specify a gradient as a value of the background-image property or use the shorthand __________ property.

Accepted Answer

The answer of You can specify a gradient as a...

Question 10

Matching
Match each pseudo-class with the appropriate description.
-the element has the focus
A):active
B):checked
C):focus
D):required
E):valid

Accepted Answer

The :focus pseudo-class is used to select the element that currently has focus, meaning that it has been selected by the user or is being targeted by a script.

Answer: A
 The :active pseudo-class is used to select the element that is currently being activated or clicked by the user.

Note: Choices B, D, and E are not appropriate descriptions for the :focus and :active pseudo-classes. The :checked pseudo-class is used for selecting checked radio buttons or checkboxes, the :required pseudo-class is used for selecting form elements that are required, and the :valid pseudo-class can be used for selecting form elements that have valid input values.

Question 11

Explain the difference between transitions and keyframe animations, including at least one advantage of each.

Accepted Answer

The answer of Explain the difference between transitions and keyframe...

Question 12

Describe how to create a circle using CSS, including 3 properties required to do so and their values.

Accepted Answer

The answer of Describe how to create a circle using...

Question 13

Matching
Match each pseudo-class with the appropriate description.
-the element is checked or otherwise selected
A):active
B):checked
C):focus
D):required
E):valid

Accepted Answer

The "checked" pseudo-class is used to target elements that are checked or selected, such as checkboxes or radio buttons.

Question 14

Matching
Match each pseudo-class with the appropriate description.
-the content entered by a user meets the rules for the field
A):active
B):checked
C):focus
D):required
E):valid

Accepted Answer

The "valid" pseudo-class selects elements whose contents meet the rules for the input field, such as the "required" attribute.

Question 15

You can create a perfect circle using CSS by specifying a border radius of __________%.

Accepted Answer

The answer of You can create a perfect circle using...

Quiz 11: Creating Visual Effects and Animation

Name the two parts of the syntax for creating a linear gradient, and describe the role of each part.

Matching Match each pseudo-class with the appropriate description. -user entry in the field is required

Matching Match each pseudo-class with the appropriate description. -the element is in the process of being clicked or otherwise activated