Question 1

You specify a gradient as the value of which property?

Accepted Answer

A)  background-image 
B)  content 
C)  color 
D)  background-color 
A)  background-image 
B)  content 
C)  color 
D)  background-color A

Question 2

CSS features that gradually apply changes to properties in response to user actions over a number of seconds are known as __________.

Accepted Answer

A)  transforms 
B)  transitions 
C)  animations 
D)  keyframe animations 
A)  transforms 
B)  transitions 
C)  animations 
D)  keyframe animations B

Question 3

An animation created using animation properties and the @keyframes rule is known as a(n) __________.

Accepted Answer

A)  transform 
B)  transition 
C)  keyframe animation 
D)  JavaScript animation 
A)  transform 
B)  transition 
C)  keyframe animation 
D)  JavaScript animation C

Question 4

Content added using the :before and :after pseudo-elements is known as __________ content.

Accepted Answer

A)  generated 
B)  gradient 
C)  degraded 
D)  detected 
A)  generated 
B)  gradient 
C)  degraded 
D)  detected

Question 5

Referring to the figure above, what does the code 50% represent?

Accepted Answer

A)  the point in time halfway through the animation 
B)  the point in time when the animated object has moved halfway across the browser window 
C)  the point in time when the animated object has moved halfway across the parent element 
D)  the location halfway down the browser window 
A)  the point in time halfway through the animation 
B)  the point in time when the animated object has moved halfway across the browser window 
C)  the point in time when the animated object has moved halfway across the parent element 
D)  the location halfway down the browser window

Question 6

Referring to the figure above, the property name  -ms-transform incorporates a(n) __________.

Accepted Answer

A)  browser prefix 
B)  class name 
C)  pseudo-element 
D)  pseudo-class 
A)  browser prefix 
B)  class name 
C)  pseudo-element 
D)  pseudo-class

Question 7

A filter is a visual effect in which an area starts as a single color on one edge or corner and transitions gradually to one or more other colors. _________________________

Accepted Answer

A) True 
 B)False

Question 8

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

Accepted Answer

Two parts : starting point/direction and

Question 9

You can use the :before pseudo-element to add an image before an element.

Accepted Answer

A) True 
 B)False

Question 10

Modernizr applies a set of CSS classes to which element?

Accepted Answer

A)  html 
B)  body 
C)  script 
D)  div 
A)  html 
B)  body 
C)  script 
D)  div

Question 11

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.
Which pseudo-class would Jerry use to specify the styles for the new visual effect?

Accepted Answer

A)  :focus 
B)  :hover 
C)  :active 
D)  :checked 
A)  :focus 
B)  :hover 
C)  :active 
D)  :checked

Question 12

An animation created using animation properties and the @keyframes rule is known as a keyframe animation. _________________________

Accepted Answer

A) True 
 B)False

Question 13

Which of the following is the browser prefix for Microsoft browsers?

Accepted Answer

A)  -ms- 
B)  -moz- 
C)  -webkit- 
D)  -o- 
A)  -ms- 
B)  -moz- 
C)  -webkit- 
D)  -o-

Question 14

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 the form field that has the focus, 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 15

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

Accepted Answer

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

Question 16

You can add generated content using the :before and __________ pseudo-elements.

Accepted Answer

The answer of You can add generated content using the...

Question 17

Which property is important in creating a circle with CSS?

Accepted Answer

A)  border-radius 
B)  border 
C)  color 
D)  line-height 
A)  border-radius 
B)  border 
C)  color 
D)  line-height

Question 18

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 19

When you use Modernizr, you can write style rules that apply only to children of elements with specific __________ values.

Accepted Answer

A)  class 
B)  ID 
C)  type 
D)  src 
A)  class 
B)  ID 
C)  type 
D)  src

Question 20

A design exhibits __________ when it uses newer styles in modern browsers while displaying a usable layout and all page content in older browsers.

Accepted Answer

A)  graceful degradation 
B)  responsive design 
C)  absolute positioning 
D)  transforms 
A)  graceful degradation 
B)  responsive design 
C)  absolute positioning 
D)  transforms

You specify a gradient as the value of which property?

CSS features that gradually apply changes to properties in response to user actions over a number of seconds are known as __________.

An animation created using animation properties and the @keyframes rule is known as a(n) __________.

Content added using the :before and :after pseudo-elements is known as __________ content.

Referring to the figure above, what does the code 50% represent?

Referring to the figure above, the property name -ms-transform incorporates a(n) __________.

A filter is a visual effect in which an area starts as a single color on one edge or corner and transitions gradually to one or more other colors. _________________________

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

You can use the :before pseudo-element to add an image before an element.

Modernizr applies a set of CSS classes to which element?

An animation created using animation properties and the @keyframes rule is known as a keyframe animation. _________________________

Which of the following is the browser prefix for Microsoft browsers?

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

You can add generated content using the :before and __________ pseudo-elements.

Which property is important in creating a circle with CSS?

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.

When you use Modernizr, you can write style rules that apply only to children of elements with specific __________ values.

A design exhibits __________ when it uses newer styles in modern browsers while displaying a usable layout and all page content in older browsers.

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

You specify a gradient as the value of which property?

CSS features that gradually apply changes to properties in response to user actions over a number of seconds are known as __________.

An animation created using animation properties and the @keyframes rule is known as a(n) __________.

Content added using the :before and :after pseudo-elements is known as __________ content.

Referring to the figure above, what does the code 50% represent?

Referring to the figure above, the property name -ms-transform incorporates a(n) __________.

A filter is a visual effect in which an area starts as a single color on one edge or corner and transitions gradually to one or more other colors. _________________________

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

You can use the :before pseudo-element to add an image before an element.

Modernizr applies a set of CSS classes to which element?

An animation created using animation properties and the @keyframes rule is known as a keyframe animation. _________________________

Which of the following is the browser prefix for Microsoft browsers?

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

You can add generated content using the :before and __________ pseudo-elements.

Which property is important in creating a circle with CSS?

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.

When you use Modernizr, you can write style rules that apply only to children of elements with specific __________ values.

A design exhibits __________ when it uses newer styles in modern browsers while displaying a usable layout and all page content in older browsers.

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