Question 1

Which keyword do you use to create a basic background gradient?

Accepted Answer

A)  linear-gradient 
B)  background-gradient 
C)  basic-gradient 
D)  gradient 
A)  linear-gradient 
B)  background-gradient 
C)  basic-gradient 
D)  gradient

Question 2

Case-Based Critical Thinking Question Rosa is implementing a new layout for her jewelry store website by incorporating visual effects using CSS. In particular, she is adding generated content and visual form feedback.
To specify properties for a form field with content that meets the rules for the field, Rosa should use the __________ pseudo-class.

Accepted Answer

A)  :valid 
B)  :invalid 
C)  :focus 
D)  :checked 
A)  :valid 
B)  :invalid 
C)  :focus 
D)  :checked

Question 3

The process of testing a browser to detect which properties are supported is known as __________.

Accepted Answer

A)  feature detection 
B)  browser sniffing 
C)  graceful degradation 
D)  progressive enhancement 
A)  feature detection 
B)  browser sniffing 
C)  graceful degradation 
D)  progressive enhancement

Question 4

Referring to the figure above, what does the code #edd010 specify?

Accepted Answer

A)  the starting point and direction 
B)  the starting color 
C)  an intermediate color 
D)  the ending color 
A)  the starting point and direction 
B)  the starting color 
C)  an intermediate color 
D)  the ending color

Question 5

You can create triangles by applying CSS properties to div elements.

Accepted Answer

A) True 
 B)False

Question 6

To create an @keyframes rule, you specify a(n) __________ for the rule after the keyword @keyframes .

Accepted Answer

A)  name 
B)  class value 
C)  src value 
D)  length 
A)  name 
B)  class value 
C)  src value 
D)  length

Question 7

To create a transition, the shorthand transform property or one or more of the specific properties for transitions is added to the style rule for the default state of the affected element. _________________________

Accepted Answer

A) True 
 B)False

Question 8

You use the __________ pseudo-class to apply styles to elements that do not have the required attribute.

Accepted Answer

A)  :focus 
B)  :checked 
C)  :optional 
D)  :valid 
A)  :focus 
B)  :checked 
C)  :optional 
D)  :valid

Question 9

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

Accepted Answer

The main difference between transitions

Question 10

Case-Based Critical Thinking Question
Jerry is in charge of the website for a travel company. He wants to incorporate animation into the website so that when a user moves the mouse pointer over an image, the image gradually increases in size.
Jerry could use a keyframe animation to create the effect, or he could use a(n) __________.

Accepted Answer

A)  gradient 
B)  transition 
C)  responsive design 
D)  CSS shape 
A)  gradient 
B)  transition 
C)  responsive design 
D)  CSS shape

Question 11

Modernizr tests a browser to detect which properties are supported, a process known as browser detection. _________________________

Accepted Answer

A) True 
 B)False

Question 12

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...

Question 13

Case-Based Critical Thinking Question
Jerry is in charge of the website for a travel company. He wants to incorporate animation into the website so that when a user moves the mouse pointer over an image, the image gradually increases in size.
If Jerry created his visual effect using a keyframe animation, which property would he use to specify how long the animation takes?

Accepted Answer

A)  animation-delay 
B)  animation-duration 
C)  animation-iteration-count 
D)  animation-timing-function 
A)  animation-delay 
B)  animation-duration 
C)  animation-iteration-count 
D)  animation-timing-function

Question 14

In the box model, generated content is not considered part of an element's content.

Accepted Answer

A) True 
 B)False

Question 15

When specifying content for the :before and :after pseudo-elements, a pair of quotes with not content creates an empty string, which you use to __________.

Accepted Answer

A)  remove any content created in other style rules 
B)  specify a space as the content 
C)  specify a single quote as the content 
D)  specify a pair of quotes as the content 
A)  remove any content created in other style rules 
B)  specify a space as the content 
C)  specify a single quote as the content 
D)  specify a pair of quotes as the content

Question 16

Referring to the figure above, what does the code #d823c5 specify?

Accepted Answer

A)  the starting point and direction 
B)  the starting color 
C)  an intermediate color 
D)  the ending color 
A)  the starting point and direction 
B)  the starting color 
C)  an intermediate color 
D)  the ending color

Question 17

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 18

Style rules based on the :before and :after pseudo classes use the display property to specify text or the path and name of a file.

Accepted Answer

A) True 
 B)False

Question 19

Case-Based Critical Thinking Question Rosa is implementing a new layout for her jewelry store website by incorporating visual effects using CSS. In particular, she is adding generated content and visual form feedback.
For elements that should not have generated content, Rosa can use the content property with a value of __________.

Accepted Answer

A)  ""  (an empty string) 
B)  " "  (quotes containing a space) 
C)  " *" 
D)  none 
A)  ""  (an empty string) 
B)  " "  (quotes containing a space) 
C)  " *" 
D)  none

Question 20

The :before and :after pseudo-elements enable you to insert content into web pages using style rules.

Accepted Answer

A) True 
 B)False

Which keyword do you use to create a basic background gradient?

The process of testing a browser to detect which properties are supported is known as __________.

Referring to the figure above, what does the code #edd010 specify?

You can create triangles by applying CSS properties to div elements.

To create an @keyframes rule, you specify a(n) __________ for the rule after the keyword @keyframes .

To create a transition, the shorthand transform property or one or more of the specific properties for transitions is added to the style rule for the default state of the affected element. _________________________

You use the __________ pseudo-class to apply styles to elements that do not have the required attribute.

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

Modernizr tests a browser to detect which properties are supported, a process known as browser detection. _________________________

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

In the box model, generated content is not considered part of an element's content.

When specifying content for the :before and :after pseudo-elements, a pair of quotes with not content creates an empty string, which you use to __________.

Referring to the figure above, what does the code #d823c5 specify?

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

Style rules based on the :before and :after pseudo classes use the display property to specify text or the path and name of a file.

The :before and :after pseudo-elements enable you to insert content into web pages using style rules.

Getting Started With Html

Structuring Content in a Web Document

Getting Started With Css

Laying Out Elements With Css

Formatting Text With Css

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With Lists and Tables

Implementing Responsive Design

Creating and Processing Web Forms

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters

Exam 11: Creating Visual Effects and Animation

Which keyword do you use to create a basic background gradient?

The process of testing a browser to detect which properties are supported is known as __________.

Referring to the figure above, what does the code #edd010 specify?

You can create triangles by applying CSS properties to div elements.

To create an @keyframes rule, you specify a(n) __________ for the rule after the keyword @keyframes .

To create a transition, the shorthand transform property or one or more of the specific properties for transitions is added to the style rule for the default state of the affected element. _________________________

You use the __________ pseudo-class to apply styles to elements that do not have the required attribute.

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

Modernizr tests a browser to detect which properties are supported, a process known as browser detection. _________________________

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

In the box model, generated content is not considered part of an element's content.

When specifying content for the :before and :after pseudo-elements, a pair of quotes with not content creates an empty string, which you use to __________.

Referring to the figure above, what does the code #d823c5 specify?

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

Style rules based on the :before and :after pseudo classes use the display property to specify text or the path and name of a file.

The :before and :after pseudo-elements enable you to insert content into web pages using style rules.

Getting Started With Html

Structuring Content in a Web Document

Getting Started With Css

Laying Out Elements With Css

Formatting Text With Css

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With Lists and Tables

Implementing Responsive Design

Creating and Processing Web Forms

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters