Review Test

CSS tool that allows us to space out the elements on a page. There is a box wrapped around every element that consists of margin, border, padding, and the actual content.

• Animations

• The box model

• Interactions

• Image Manipulation

What is the width and height of the actual content?

• 20 x 10

• 5 x 5 x 5 x 5

• 10 x 10 x 10 x 10

• 20 x 20 x 20 x 20

What is the padding distance of each side of the content?

• 5 pixels

• 10 pixels

• 35 pixels

• 20 pixel

The CSS properties allow us to animate style changes over time

• The Box Model

• Animations

• Special Selectors

• Inspectors

Which one is the correct Property for giving time duration of the animation ?

• animation-time: 4s;

• duration: 4s;

• animation-duration: 4s;

• None of the above

Which of the following ways is the correct form of @keyframes my-animation?

• 
  @keyframes my-animation {

  from {height: 310px;}

  to {height: 310px; background-color: blue;}

  }

• @keyframes my-animation {

  from {top: 0px;}

  }

• None of the above

An animation lets an element gradually change from one style to another.?

• True

• False

The CSS property allows us to add image filters to the images on our web pages!

• The Box Model

• Animations

• Special Selectors

• filter

What does CSS stand for? 

• Computer Style Spread

• Colorful Style Spread

• 
  Creative Style Sheets

• 
  Cascading Style Sheets

CSS allow the user to change styles on elements by hovering or clicking on them?

• Filters

• Interactions

• The Box Model

• Special Selectors