Tutorial 4 Questions 1 through 50

1. @media rules can be used to specify media groups in CSS.
1. True
2. False - correct answer
2. _____ can ensure that your own margin and padding values have precedence.
1. * {margin: 0; padding: 0} - correct answer
2. * {margin, padding: 0}
3. * {margin: clear; padding: clear}
4. none of the above
3. _____ express the location of an element within the hierarchy of elements.
1. Contextual selectors - correct answer
2. Inline selectors
3. Attribute selectors
4. Id selectors
4. _____ positioning allows browsers to place an element based on where it flows in the document.
1. Absolute
2. Relative
3. Static - correct answer
4. Fixed
5. _____ positioning enables you to place an element at specific coordinates either on a page or within a containing element.
1. Fixed
2. Absolute - correct answer
3. Inherit
4. Static
6. _____ positioning is essentially the same as not using any CSS positioning at all.
1. Static - correct answer
2. Relative
3. Absolute
4. Fixed
7. _____ positioning moves an element in respect to its default position.
1. Static
2. Relative - correct answer
3. Absolute
4. Fixed
8. _____ should come last when creating a rollover effect.
1. visited
2. lang
3. hover
4. active - correct answer
9. A computer screen is paged, visual, bitmap and static.
1. true
2. false - correct answer
10. A single Web page can contain at most one form.
1. true
2. false - correct answer


11. A style sheet in which the output device is not specified is applied to all devices, unless it is superceded by a style designed for a particular device.
1. True - correct answer
2. False
12. A user's operating system does not impact the appearance of a  document.
1. True
2. False - correct answer
13. A value of auto for the stacking style allows the browser to determine stacking order using the default rules.
1. True - correct answer
2. False
14. All output media can be described based on some common properties.
1. True - correct answer
2. False
15. By changing the list display style to _____, you can create a horizontal list.
1. inline - correct answer
2. table
3. block
4. none
16. By default, the elements that are formatted later in an HTML or XHTML document are stacked on top of earlier elements.
1. True - correct answer
2. False
17. By default, the height of an element is determined by its content.
1. True - correct answer
2. False
18. Case 4-1:  Ken has built a Web site for his homework assignment.  He has his links for each chapter appear on the page with a blue background image behind each link.  Ken has each link appear as green with no underline marks.  To keep links that have been seen from changing color, Ken will need to make sure he has set the color to green in which style?
1. a:link
2. a:visited - correct answer
3. a:hover
4. a:active
19. Case 4-2:  The Yoga Club has a Web site that consists of a picture of the yoga room along with the definition of yoga on the left.  On the right is a list of Upcoming Events, the company logo, and then yoga teacher training dates.  The Web designer Mary needs some help with CSS to make sure the pages print correctly.  Which rule can be used to specify all of the yoga Web site's styles in one CSS file?
1. #mediagroup
2. @media - correct answer
3. @groupmedia
4. media
20. Case 4-2:  The Yoga Club has a Web site that consists of a picture of the yoga room along with the definition of yoga on the left.  On the right is a list of Upcoming Events, the company logo, and then yoga teacher training dates.  The Web designer Mary needs some help with CSS to make sure the pages print correctly.  To cause the definition of yoga to print at the top of the page like a list, you could use _____.
1. display: list-item - correct answer
2. display: top
3. display: list
4. display: top-item
21. Case 4-2:  The Yoga Club has a Web site that consists of a picture of the yoga room along with the definition of yoga on the left.  On the right is a list of Upcoming Events, the company logo, and then yoga teacher training dates.  The Web designer Mary needs some help with CSS to make sure the pages print correctly.  Which attribute style tag should be used to specify the print styles?
1. href
2. text
3. type
4. media - correct answer
22. Case 4-2:  The Yoga Club has a Web site that consists of a picture of the yoga room along with the definition of yoga on the left.  On the right is a list of Upcoming Events, the company logo, and then yoga teacher training dates.  The Web designer Mary needs some help with CSS to make sure the pages print correctly. Which style would be best to prevent the pictures from printing when this Web page is printed?
1. display - correct answer
2. aural
3. visible
4. none of the above


23. Case 4-3:  Peter is trying to decide the best way to adjust the way his Web site prints.  He would like his tables to print at the top of a page.  He would also like his pages not to be cut off at the edges when printing by specifying for them to print in 8 in by 10 in format.  Peter can cause his pages not to be cut off by setting the _____ style.
1. @size
2. @media
3. @page - correct answer
4. @margin
24. Contextual selectors can only be used in internal style tags.
1. True
2. False - correct answer
25. Drop caps look better if you _____ the first line.
1. increase the height
2. decrease the height - correct answer
3. decrease the width
4. increase the width
26. Each table in a Web page follows a basic structure consisting of the table element and a collection of table columns nested in the table element.
1. True
2. False - correct answer
27. For <img class="front page" src="image1.jpg>, which class does this image element belong?
1. front
2. front page
3. page
4. both front and page - correct answer
28. HTML and XHTML support attributes to create hover effects.
1. True
2. False - correct answer
29. If you browser doesn't support the pseudo-element to create a drop-cap, you could use a _____ element and apply your style to it to get the effect.
1. p
2. div
3. h1
4. span - correct answer
30. In the style li b{color: blue}, b is the _____ element.
1. parent
2. main
3. descendant - correct answer
4. base
31. In the type li b{color: blue}, li is the _____ element.
1. child
2. parent - correct answer
3. ascendant
4. descendent
32. Not all browsers support contextual selectors.
1. True - correct answer
2. False
33. Selector patterns can be used to create styles for elements based upon their location.
1. True - correct answer
2. False
34. Setting the display style to "none" hides an element but does not remove it from the page flow.
1. True
2. False - correct answer
35. Static positioning is used more often than absolute positioning.
1. True
2. False - correct answer
36. The _____ selector matches elements whose att attribute begins with val.
1. [att]
2. [att^="val"] - correct answer
3. [att$="val"]
4. [att*="val"]
37. The _____ selector matches elements whose att attributes contains the value val.
1. [att]
2. [att^="val"]
3. [att$="val"]
4. [att*="val"] - correct answer
38. The _____ selector matches elements whose att attribute equals val.
1. [att]
2. [att="val"] - correct answer
3. [att~="val"]
4. [att|="val"] 
39. The _____ selector matches elements whose att attribute value is a hyphen-separated list of words beginning with val.
1. [att]
2. [att="val"]
3. [att~="val"]
4. [att|="val"] - correct answer
40. The _____ selector matches elements whose att attribute value is a space-separated list of words, one of which matches val exactly.
1. [att]
2. [att="val"]
3. [att~="val"] - correct answer
4. [att|="val"] 
41. The _____ style can be used to cause a list to use your own image file for the list marker.
1. list-style: image(url)
2. list-style-image: image(image)
3. list-style-url: url(url)
4. list-style-image: url(url) - correct answer
42. The _____ value of the display style tells the browser not to display the element.
1. null
2. none - correct answer
3. empty
4. hide
43. The @screen rule allows you to place media types in a comma-separated list.
1. true
2. false - correct answer
44. The clip style allows you to define a rectangular region through which the element's content can be viewed.
1. true - correct answer
2. false
45. The default position is _____.
1. absolute
2. relative
3. static - correct answer
4. fixed
46. The general format for a contextual selector is parent: descendant {styles}.
1. true
2. false - correct answer
47. The general syntax for expressing the location of an element is _____.
1. parent: descendant {styles}
2. parent descendant: {styles}
3. parent descendant {styles} - correct answer
4. parent.descendant {styles}
48. The hover pseudo-class refers to when an element has received the attention of the keyboard or mouse pointer.
1. True
2. False - correct answer
49. The item indicated in the figure above is the _____ value.
1. class - correct answer
2. id
3. name 
4. null
50. The item marked _____ in the figure above represents the visible value of the overflow property.
1. 1 - correct answer
2. 2
3. 3
4. 4