Name: 
 

Study Guide 05



True/False
Indicate whether the sentence or statement is true or false.
 

 1. 

Many HTML elements have been deprecated in favor of style sheets.
 

 2. 

By applying different style sheets, the same document can be rendered on different types of devices without having to alter the content or structure of the original document.
 

 3. 

The syntax of CSS is relatively simple and easy to follow.
 

 4. 

By default, style attributes are passed from the descendant elements to the parent elements.
 

 5. 

The complete list of CSS selectors is supported by all browsers.
 

 6. 

Fixed background images are often used to create the illusion of a watermark, which is a translucent graphic impressed into the fabric of the paper.
 

 7. 

The upper-roman list-item type displays as A, B, C, D, etc.
 

 8. 

One of the features of block elements is the ability to resize them and place them at particular locations on the Web page.
 

 9. 

Moving an element to a new location using absolute positioning affects the position of other elements on the page.
 

 10. 

The style position: absolute; left: 400; places the element 400 pixels to the right of the left edge of the parent element, but the top coordinate keeps its default value.
 

 11. 

Unlike absolute positioning, relative positioning affects the placement of other elements on the page.
 

 12. 

When your browser renders a document, the default behavior is to stack block-level elements.
 

 13. 

If the value of the clear style is set to “right,” the element is rendered until the right margin is clear of all floating elements.
 

 14. 

A clear value of “both” requires both margins to be clear.
 

 15. 

You can use absolute units to make a page scalable, allowing the page to be rendered the same way no matter how a particular browser is configured.
 

 16. 

To specify a stacking order, use the style z-index: value where value is a positive or negative integer, or the value “default.”
 

 17. 

Elements are stacked based on their z-index value, with the lowest z-index values placed on top.
 

 18. 

The z-index attribute is applied to all elements regardless of whether or not they share the same parent.
 

 19. 

Lime, maroon, silver, and teal are all CSS-supported color names.
 

 20. 

All browsers support extended color names.
 

 21. 

The background of an element can appear in a color using the style background-color: color.
 

 22. 

If only one value is entered for margins, the browser applies that size to the top margin and leaves the other three margins at the default size.
 

 23. 

You can create a border around any element, and define the thickness, color, and style for a border.
 

 24. 

Styles must be applied to all four borders at once.
 

 25. 

To set the padding of all sides of a block to 5 millimeters, use the style: padding: 5mm.
 

 26. 

Browsers apply a set of default text styles to the content of XML elements.
 

 27. 

One benefit of generic fonts is that you can always be certain which specific font the Web browser will use to display your text.
 

 28. 

Generally speaking, it is a good idea to use specific fonts because it gives you a more accurate idea of what your audience sees.
 

 29. 

Most fonts support nine different font weights.
 

Modified True/False
Indicate whether the sentence or statement is true or false.  If false, change the identified word or phrase to make the sentence or statement true.
 

 30. 

Font weights can be expressed as a value that ranges from 100 to 900, increments of 25. _________________________

 

 31. 

The most common selector is simply the name of an element in the XML document. _________________________

 

 32. 

If you use namespaces with your document, you must include the namespace prefix along with the element name. _________________________

 

 33. 

The vertical alignment option baseline aligns the element with the bottom of lowercase letters in surrounding text. _________________________

 

 34. 

To display a variant of a font in small caps, use the style vary-text: small caps. _________________________

 

 35. 

When you move from HTML to XML, you find that support for the id and class attributes is dependent on a user’s browser. _________________________

 

 36. 

You can set the line height value only if you have also set the font face. _________________________

 

 37. 

The id attribute identifies element tags belonging to the same group or class. _________________________

 

 38. 

The align value of the position attribute lines up any wrapped list item text with the placement of the list marker. _________________________

 

 39. 

The outside value of the position attribute causes list item text to be wrapped next to the marker. _________________________

 

 40. 

The text-transform style cannot be applied to nontextual elements such as inline images. _________________________

 

 41. 

The clip attribute can only be used with relative positioning. _________________________

 

 42. 

A positive top positioning value moves the object above the top edge of the parent. _________________________

 

 43. 

A positive left positioning value moves the element to the left of the left edge. _________________________

 

 44. 

A positive top positioning value places the object down from the top edge of the parent. _________________________

 

 45. 

CSS supports four styles that can be used to control the size of the margin size of a block-level element. _________________________

 

 46. 

To change the font of an element, use the style font: fonts where fonts is a list of possible fonts. _________________________

 

 47. 

If you choose to express a font size as a unit of length, you can use an indexed unit such as millimeters, centimeters, points, and so forth. _________________________

 

 48. 

The class attribute identifies a unique element tag in an HTML document. _________________________

 

Multiple Choice
Identify the letter of the choice that best completes the statement or answers the question.
 

 49. 

____ cover a wide range of design features, including font types and sizes, background colors, and layout.
a.
Styles
c.
Templates
b.
Formats
d.
Wizards
 

 50. 

The collection of styles for all of the elements in a document is called a style ____.
a.
matrix
c.
index
b.
sheet
d.
catalog
 

 51. 

The most commonly used style sheet standard is ____.
a.
HTML
c.
CSS
b.
XML
d.
HTTP
 

 52. 

The specifications for CSS are maintained by ____.
a.
NASA
c.
ARPA
b.
the National Science Foundation
d.
the World Wide Web Consortium
 

 53. 

____ was released in 1996 and established some of the basic styles used in CSS.
a.
CSS1
c.
CSS2
b.
CSS-a
d.
HTML
 

 54. 

____ was released in 1998 and provided support positioning, visual formatting, and various media types.
a.
CSS1
c.
CSS3
b.
CSS2
d.
CSSxml
 

 55. 

____ plans to modularize the CSS standard, allowing software developers to implement the subsets of CSS that are applicable to their particular applications.
a.
CSS1
c.
CSS3
b.
CSS2
d.
CSS4
 

 56. 

Which of the following styles sets the font color of the model element to blue?
a.
model {color=blue}
c.
{color:blue} model
b.
model {blue}
d.
model {color:blue}
 

 57. 

If you set the font color of one element to a given color, that color is applied to all the ____ elements.
a.
descendant
c.
preceding
b.
ascendent
d.
orphan
 

 58. 

To apply a color to all elements in a document, you can use the wildcard symbol “____”.
a.
^
c.
&
b.
*
d.
?
 

 59. 

To apply a style to a group of elements, separate the element names by
a.
periods.
c.
commas.
b.
quotation marks.
d.
semicolons.
 

 60. 

Which of the following selectors are reliably supported at this time?
a.
*
c.
parent descendant
b.
element
d.
All of the above
 

 61. 

Which of the following selectors are reliably supported at this time?
a.
element1, element2, ...
c.
before + after
b.
parent > child
d.
All of the above
 

 62. 

With the style ____, the possible values include blink, line-through, overline, underline, and none.
a.
text-transform
c.
text-format
b.
text-decoration
d.
text-display
 

 63. 

The ____ pseudo-class applies the style to the first letter of the content of the element.
a.
element: primary
c.
element: first-letter
b.
element: first-character
d.
element: first
 

 64. 

The ____ pseudo-class applies the style to the first line of the rendered text of the element.
a.
element: line
c.
element: opening
b.
element: primary
d.
element: first-line
 

 65. 

The ____ pseudo-class applies the style to the content directly prior to the element.
a.
element: before
c.
element: previous
b.
element: adjacent
d.
element: preceding
 

 66. 

The ____ pseudo-class applies the style to the content directly after the element.
a.
element: next
c.
element: following
b.
element: after
d.
element: subsequent
 

 67. 

You can set the appearance of an element by using a ____ attribute.
a.
show
c.
display
b.
block
d.
presentation
 

 68. 

The display attribute has ____ values, most of which are not yet supported by browsers used in conjunction with XML documents.
a.
9
c.
15
b.
12
d.
18
 

 69. 

In the display attribute, the ____ value displays the contents of the element in a block, separate from other elements in the document.
a.
block
c.
segment
b.
separate
d.
break
 

 70. 

In the display attribute, the ____ value displays the contents of the element inline with the contents of the parent element.
a.
list-item
c.
align
b.
inline
d.
parent
 

 71. 

In the display attribute, the ____ value displays the contents of the element in a list.
a.
glossary
c.
list-item
b.
index
d.
catalog
 

 72. 

In the display attribute, the ____ value hides the contents of the element.
a.
hide
c.
nodisplay
b.
conceal
d.
none
 

 73. 

The ____ list-item type displays markers as 1, 2, 3, 4, etc.
a.
decimal
c.
upper-roman
b.
lower-roman
d.
integer
 

 74. 

The ____ list-item type displays markers as i, ii, iii, iv, etc.
a.
upper-roman
c.
lower-latin
b.
lower-roman
d.
upper-latin
 

 75. 

The ____ list-item type displays markers as I, II, III, IV, etc.
a.
lower-roman
c.
upper-roman
b.
upper-latin
d.
lower-latin
 
 
studyguide05_files/i0790000.jpg
 

 76. 

The list-item position on the left in the figure above displays the ____ value of the position attribute.
a.
outside
c.
justified
b.
left-aligned
d.
inside
 

 77. 

The list-item position on the right in the figure above displays the ____ value of the position attribute.
a.
outside
c.
justified
b.
left-aligned
d.
inside
 

 78. 

Which of the following absolute units of measurement does CSS support?
a.
hexadecimal
c.
decimeter
b.
pica
d.
All of the above
 

 79. 

To create a drop-cap, you increase the font size of an element’s first letter and ____ it on the left margin.
a.
weigh
c.
float
b.
render
d.
justify
 

 80. 

With the overflow style, a value of “____” instructs the browser to increase the height of the element to fit the extra content.
a.
scroll
c.
display
b.
stretch
d.
visible
 

 81. 

With the overflow style, a value of “____” hides the extra content.
a.
hidden
c.
none
b.
noshow
d.
conceal
 

 82. 

With the overflow style, a value of “____” instructs the browser to display scroll bars to view the extra content.
a.
scroll
c.
visible
b.
auto
d.
Both A and B
 

 83. 

With the overflow style, the “____” option adds scroll bars only when needed.
a.
need
c.
scroll
b.
auto
d.
visible
 

 84. 

With the overflow style, the “____” option adds scroll bars whether they are needed or not.
a.
bars
c.
scroll
b.
auto
d.
visible
 

 85. 

The ____ attribute allows the Web designer to define a rectangular area through which the contents of an element can be viewed.
a.
clip
c.
frame
b.
area
d.
window
 

 86. 

The syntax for the clip attribute is ____, where top, right, bottom, and left define the coordinates of the rectangular region.
a.
clip: rect(right, top, left, bottom)
c.
clip: rect(right, bottom, left, top )
b.
clip: rect(top, right, bottom, left)
d.
clip: rect(top, right, left, bottom)
 

 87. 

A clip value of ____ defines a clip region whose top and bottom edges are 25 and 200 pixels from the top of the element, and whose right and left edges are 250 and 15 pixels from the left edge of the element.
a.
rect(200, 15, 250, 25)
c.
rect(25, 250, 200, 15)
b.
rect(250, 25, 200, 15)
d.
rect(25, 250, 15, 200)
 

 88. 

To center the upper-left corner of an element within its parent, use the style ____.
a.
bottom: 50%; right: 50%
c.
top: 50%; right: 50%
b.
bottom: 50%; left: 50%
d.
top: 50%; left: 50%
 

 89. 

In most cases, the parent element is the document window itself, so the ____ position coordinates refer to the coordinates within the window.
a.
absolute
c.
static
b.
relative
d.
fixed
 

 90. 

When positioning elements, the most common practice by Web designers is to specify only the ____ attribute(s).
a.
right
c.
top and bottom
b.
top and left
d.
left
 

 91. 

Positioning coordinates for an element are specified with respect to the ____ corner of the parent element.
a.
upper-right
c.
upper-left
b.
lower-right
d.
lower-left
 

 92. 

An element with a(n) ____ position remains in that location and does not scroll with other elements on the page.
a.
static
c.
relative
b.
absolute
d.
fixed
 

 93. 

An element with a(n) ____ position has its location determined by the browser.
a.
static
c.
absolute
b.
fixed
d.
relative
 

 94. 

Which of the following values do you specify when using static positioning?
a.
left
c.
bottom
b.
top
d.
None of the above
 

 95. 

You can prevent an element from wrapping around a floating element by using the ____ style
a.
nowrap
c.
absolute
b.
clear
d.
fixed
 

 96. 

With the z-index style, a value of ____ uses the default stacking order.
a.
main
c.
auto
b.
none
d.
block
 

 97. 

Color can be expressed in CSS by a color name or a color ____.
a.
key
c.
index
b.
rank
d.
value
 

 98. 

Border widths can be expressed with all of the following keywords EXCEPT _____.
a.
thin
c.
wide
b.
medium
d.
thick
 

Completion
Complete each sentence or statement.
 

 99. 

A(n) ____________________ describes how elements within a document should be rendered by the device presenting the document.
 

 

 100. 

CSS stands for ______________________________.
 

 

 101. 

Each line of a CSS file attaches a collection of styles to an element or group of elements called a(n) ____________________.
 

 

 102. 

You can define ____________________ based on the content of an element, the element’s location in the structure of the XML document, or the values contained in attributes associated with the element.
 

 
 
studyguide05_files/i1080000.jpg
 

 103. 

The object on the left in the figure above is displayed with a visibility style value of ____________________, with the object hidden but still part of the page flow.
 

 

 104. 

The object on the right in the figure above is displayed with a visibility style value of ____________________, with the object hidden and removed from the page flow.
 

 

 105. 

A(n) ____________________ position places the element at defined coordinates within its parent element.
 

 

 106. 

____________________ positioning moves an element a specific distance from where it would have been placed in the layout.
 

 

 107. 

A(n) ____________________ position places the element at a fixed location in the display window.
 

 

 108. 

A(n) ____________________ position places the object in its natural position in the flow of the document, as determined by the browser.
 

 

 109. 

____________________ an element places it alongside the left or right margin of the page, allowing subsequent blocks to flow around it.
 

 

 110. 

According to the box model, each block-level element maintains a(n) ____________________ between the block element and other surrounding elements.
 

 

 111. 

Each block-level element has an amount of ____________________ between its content and the border.
 

 

 112. 

A(n) ____________________ font is one that is installed on the user’s computer, such as Arial or Helvetica.
 

 

 113. 

A(n) ____________________ font is a general description of a font, allowing the operating system to determine which installed font best matches the description.
 

 

 114. 

A(n) ____________________ unit is one that expresses the font size in relation to the size of a standard character.
 

 

 115. 

The ____________________ unit is equal to the width of the capital letter “M” in the browser’s default font size.
 

 

 116. 

The ____________________ unit is equal to the height of the small “x” in the default font size.
 

 

 117. 

The extension of the first line in a paragraph to the left of the paragraph creates a(n) ____________________ indent.
 

 

Matching
 
 
Identify the letter of the choice that best matches the phrase or definition.
a.
style
e.
static
b.
selector
f.
fixed
c.
relative
g.
specific
d.
absolute
h.
generic
 

 118. 

Type of positioning that moves an element a specific distance from where the browser would place it
 

 119. 

Type of positioning that places the element at a fixed location in the display window
 

 120. 

A collection of styles attached to an element or group of elements to an element or group of elements in each line of a CSS file
 

 121. 

A font that is a general description of a font, allowing the operating system to determine which installed font best matches the description
 

 122. 

A font that is installed on the user’s computer, such as Arial or Helvetica
 

 123. 

Type of positioning that places the object in its natural position in the flow of the document, as determined by the browser
 

 124. 

Describes how elements within a document should be rendered by the device presenting the document
 

 125. 

Type of positioning that places the element at defined coordinates within its parent element
 



 
Check Your Work     Reset Help