Use CSS3 in applications - Programming in HTML5 with JavaScript and CSS3 - page 299

Objective summary
■ HTML elements can be manipulated with transitions using the transition-property ,
transition-duration , and transition-delay CSS properties.
■ Elements can be manipulated in 2-D and 3-D space with effects such as translate , scale ,
rotate , and matrix .
■ Media queries allow you to have a dynamic, responsive user interface based on the
view port size and type.
■ The visibility property hides a control but keeps its position in the overall layout. Using
the display property to hide a control removes it from the layout as well.

Objective review
Answer the following questions to test your knowledge of the information in this objective.
You can find the answers to these questions and explanations of why each answer choice is
correct or incorrect in the “Answers” section at the end of this chapter.

Which of the following statements will hide an element but keep its space in the over-
all flow?
A. display: none;
B. visibility: hidden;
C. display: inline;
D. visibility: visible;

1.

Media queries are best suited for what purpose?
A. Setting the priority of style sheet references in a webpage
B. Creating a responsive user interface based on the screen size of the view port
C. Modifying the view port to properly fit the content of the page

2.

Connecting to third-party style sheets to alter the layout D.

Which of the following transition-timing-function properties makes the transition start
slow, speed up, then end slow?
A. ease
B. ease-in
C. ease-out
D. ease-in-out

3.