Test your basic knowledge |

Subject : it-skills
Instructions:
  • Answer 50 questions in 15 minutes.
  • If you are not ready to take this test, you can study here.
  • Match each statement with the correct term.
  • Don't refresh. All questions and answers are randomly picked and ordered every time you load a test.

This is a study tool. The 3 wrong answers for each question are randomly chosen from answers to other questions. So, you might find at times the answers obvious, but you will see it re-enforces your understanding as you take the test each time.
1. Three common CSS3 pseudo-classes: first-child - last-child - _______






2. The 'internal' space between content area & border






3. #main li { color: green;} is an example of a _____ selector






4. Shorthand border syntax






5. In a navigation bar (horizontal): Code <a> elements nested in <li> elements of an _____ list and style the <li> elements as inline using the display property






6. Because different browsers have different default margins for block elements you often need to ________ those values using the * (wildcard) selector and set the margins explicitly






7. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied






8. Attribute for an external style sheet






9. Three ways to specify colors in traditional CSS:color name - RGB - _______






10. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______






11. h2+p { margin-top: .5em} is an example of a _____ selector






12. HSL: Hue - Saturation - ______






13. Linear gradient syntax






14. Rules with a higher _____ are the ones that will be used






15. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers






16. Two common pseudo-elements: ______ - first-line






17. _______ are predefined classes that apply to specific conditions






18. Default for the media attribute






19. In a navigation list (vertical): To make the entire box for a link ____ you can set the display property for the <a> elements to block and use padding to provide the space around the links






20. The 'external' space or 'force field' between an element & it's containing element






21. h1, h2, h3 {color: blue;} is an example of _____






22. Shortcut HEX code for #FF99AA






23. h2~p { margin-left: 2em; } is an example of a ______ selector






24. #main { padding: 1em;} is an example of a selector made by _____






25. HTML tag used for embedded styles






26. A rule to remove bullets from a list






27. Rule to remove underlining in a hyperlink that hasn't yet been visited






28. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)






29. _____ measurements are recommended for font sizes






30. Prefix for linear gradient commands in Safari & Chrome






31. [ ] are indicative of _______ selectors






32. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin






33. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)






34. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)






35. There are ____ descriptive color names






36. HSLA: Hue - Saturation - Lightness - _____






37. Backwards compatibility for __________ & shadows -webkit-box-shadow






38. These 'flavors' of selectors are often used by JavaScript






39. Wildcard (universal selector) to select all elements






40. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector






41. In a set of possibly conflicting rules the one that is mentioned _____ is the one that will be used and all other things being equal






42. border shorthand syntax






43. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)






44. A rule to remove a hyperlink border from around an image hyperlink






45. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow






46. What does this do? padding: 2px, 4px, 6px, 8px;






47. #main>p{ font-size: 11pt; } is an example of a ______ selector






48. The p.highlight selector is more _____ than the .highlight selector






49. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling






50. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector