3. Match the pseudo-class with the elements it targets.a. a:link 1. Links that have already been clickedb. a:visited 2. An element that is highlighted and ready for inputc. a:hover 3. An element that is the first child element of its parentd. a:active 4. A link with the mouse pointer over ite. :focus 5. Links that have not yet been visitedf. :first-child 6. A link that is in the process of being clickedAns.a. –5; b. –1; c. –4; d. –6; e. –2; f. –3Chapter.153. How do you make sure a “footer” divstarts below a floated sidebar?
Ans. Clear the footer divto make it start below a floated sidebar: div#footer {clear: both; }Chapter.161. Match each layout type with the factor that determines the final size of the page area. Fixed-width layouts a. The browser window Fluid layouts b. Font size Elastic layouts c. The designerAns. 1. Fixed, c.; Fluid, a.; Elastic, b.2. Match each layout type with the unit of measurement used to create it.Fixed-width layouts a. EmsFluid layouts b. PixelsElastic layouts c. Percentages and/or autoAns. 2. Fixed, b.; Fluid, c.; Elastic, a3. Match each layout type with its primary potential advantage.Fixed-width layouts a. Predictable line lengthsFluid layouts b. No awkward “leftover” space Elastic layouts c. Pixel-perfect layout gridAns. 3. Fixed, c.; Fluid, b.; Elastic, a.4. Match each layout type with its potential disadvantage.
Fixed-width layouts a. Uncomfortably long line lengthsFluid layouts b. Images don’t scale with the page Elastic layouts c. Right side of the page gets cut off on narrow browser windowsAns. 3. Fixed, c.; Fluid, b.; Elastic, a.Chapter.171. What is “tweening”?2. If a transition had key frames, how many would it have?4. Which of the following can you not animate?5. Which timing function will be used if you omit the transition-timing function
property? Describe its action.6. In the following transition, what does .2s describe?transition: color .2s linear;7. Which transition will finish first?