HTML and CSS Reference
In-Depth Information
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;
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
Connecting to third-party style sheets to alter the layout
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
Search WWH ::

Custom Search