Name:
Class:
Date:
1. When you create a document in a word processing program, you can format text with any font installed on your
computer.
a.
True
b.
False
True
1
110
2. Serifs are small finishing strokes at the ends of lines making up each character.
a.
True
b.
False
True
1
76
3. Two common ways to use CSS to modify web page text are making it bold and italic.
a.
True
b.
False
True
1
118
4. To specify fonts in your CSS code, you use the font property.
a.
True
b.
False
False
1
112
5. A custom font is another name for a font family.
a.
True
b.
False
True
1
114
6. An inline element starts on a new line, while a block-level element continues on the same line as the previous element.
a.
True
b.
False
False
1
118
Name:
Class:
Date:
7. Developers commonly use pixels to set a default size for an HTML element.
a.
True
b.
False
True
1
116
8. You can use the white-space property to create blank space around an element that shares that element’s background
color.
a.
True
b.
False
False
1
117
9. Using a triplet of rgb values or using hexadecimal values allow you to specify the same 16.7 million colors.
a.
True
b.
False
True
1
123
10. A pseudo-element is an alternative to a span element.
a.
True
b.
False
True
1
120
11. Font listings are collections of single typefaces and their variants. _________________________
False – families
1
110
12. A text-shadow with a value of -2px 1px places the shadow to the left and below the text.
_________________________
True
1
124
13. The span element allows you to isolate a specific section of a larger element. ._________________________
True
1
118
Name:
Class:
Date:
14. The shorthand property for font properties is font-style. _________________________
False – font
1
119
15. With the rgb system, you provide a set of comma-separated values known as an rgb quartet.
_________________________
False – triplet
1
122
16. The rgb system allows for over 16 million color possibilities. _________________________
True
1
123
17. The @print rule enables you to set properties that apply to a printer page._________________________
1
126
18. Hexadecimal offers 12 possibilities for each digit. _________________________
False – 16
1
123
19. Setting the display value to inline keeps all elements on the same line, rather than displaying them on separate
lines, which is the default. _______________________
True
1
118
20. The Google Fonts page provides a filter for viewing only fonts with certain characteristics.
_________________________
True
1
115
21. Font ____ are collections of single typefaces and their variants.
a.
properties
b.
families
c.
sets
d.
stacks
b
1
110
Name:
Class:
Date:
22. “Arial, helvetica, sans-serif” is a widely used sans-serif font ____.
a.
property
b.
family
c.
set
d.
stack
d
1
110
23. A font ____ is a list of font families in order of preference, separated by commas.
a.
property
b.
family
c.
set
d.
stack
d
1
110
24. You specify the font family for the text of an element using the CSS font-family ____.
a.
property
b.
set
c.
stack
d.
id
1
110
25. You surround any font family name or generic font family name containing more than one word with ____.
a.
parentheses
b.
quotes
c.
Either A or B.
d.
Neither A nor B.
b
1
110
26. You use the _______ box-shadow property to determine whether a shadow is displayed inside a border.
a.
inset
b.
blur
c.
speed distance
d.
vertical offset
1
27. To specify fonts in your CSS code, you use the font–family property. The font–family property value is a
font stack that includes one or more font family names and ends with a(n) ____ font family name.
a.
universal
b.
generic
c.
specific
d.
assigned
b
1
110
28. Which generic font family do you use if you want to simulate code?
Name:
Class:
Date:
a.
serif
b.
monopsace
c.
cursive
d.
fantasy
b
1
111
29. Instead of using fonts located on your web server in your web pages, many companies that create and license fonts
enable you to link to fonts on their web servers. To do so, you add an additional link element to your HTML file using a
web address provided by the host as the value for the ____ attribute.
a.
src
b.
href
c.
http
d.
url
b
1
110
30. You can specify the font size of an element using the CSS ____ property.
a.
font–width
b.
font–height
c.
font–size
d.
font–shape
1
116
31. Background–color and color are properties commonly associated with which pseudo-element?
a.
:first–line
b.
:selection
c.
:before
d.
:after
b
1
120
32. You can make text bold using the ____ property.
a.
font–weight
b.
font–style
c.
Either A or B.
d.
Neither A nor B.
1
118
33. You can add italics using the ____ property.
a.
font–weight
b.
font–style
c.
Either A or B.
d.
Neither A nor B.
b
1
118
34. The :first–letter pseudo-element can be used to create a _______.
Name:
Class:
Date:
a.
new paragraph
b.
drop cap
c.
text shadow
d.
text frame
b
1
82
35. Which media type do you use in a media query for mobile devices?
a.
screen
b.
handheld
c.
all
d.
humobilee
c
1
126
36. Which of the following is NOT a way that you can specify a color?
a.
As a name.
b.
In hexadecimal format.
c.
In rgb format.
d.
In em format.
d
1
122
37. Which color system should use use when you want to express a color as a triplet with transparency applied?
a.
RGB
b.
RGBa
c.
HSL
d.
HSLa
b
1
122
38. Using the hexadecimal system, the value starts with a pound sign (#), followed by six digits, which may include the
numbers 0–9 and the letters ____.
a.
a-c
b.
a-d
c.
a-e
d.
a-f
d
1
39. Using the hexadecimal system, the first two digits specify the ____ value.
a.
red
b.
green
c.
blue
d.
yellow
a
1
122
40. With the rgb system, each value ranges from 0–____ or 0–100%, which represent the amounts of red, green, and blue
in the color.
Name:
Class:
Date:
a.
143
b.
146
c.
242
d.
255
d
1
122
41. CSS3 added support for the HSL system, which enables you to create colors by specifying values or percentages for
hue, ____, and light.
a.
settings
b.
saturation
c.
shading
d.
shadows
b
1
122
42. The rule of thumb is to use ____ for headings on a web page.
a.
serif
b.
sans-serif
c.
web safe
d.
custom
1
113
43. Some web browsers automatically change printed output to black and white, but using a print ____ ensures that this
formatting is available for users of all browsers.
a.
property page
b.
style page
c.
property sheet
d.
style sheet
d
1
126
44. HTML allows you to link to multiple style sheets in the same web document, using the ____ attribute of the link
element to specify which type of device should use each style sheet.
a.
value
b.
media
c.
device
d.
agent
b
1
126
Common @ font-face descriptors
Name:
Class:
Date:
45. Referring to the figure above, the first line showing the values “normal, bold, 100…” corresponds to the descriptor
____.
a.
font-weight
b.
font-style
c.
font-stretch
d.
font-family
1
119
46. Referring to the figure above, the second line showing the values “normal, italic, or oblique” corresponds to the
descriptor ____.
a.
font-weight
b.
font-style
c.
font-stretch
d.
font-family
b
1
119
47. Referring to the figure above, which value would you use to create the heaviest bold font?
a.
bold
b.
100
c.
500
d.
900
d
1
119
48. Referring to the figure above, Times New Roman and Georgia are examples of ____ fonts.
a.
Serif
b.
Sans serif
c.
Fantasy
d.
Cursive
Name:
Class:
Date:
1
111
49. Referring to the figure above, Arial and Tahoma are examples of ____ fonts.
a.
Serif
b.
Sans serif
c.
Fantasy
d.
Cursive
b
1
111
50. Referring to the figure above, Courier New and Lucida Console are ____ fonts because each character uses the same
amount of horizontal space.
a.
Block
b.
Monospace
c.
Equalized
d.
Code
b
1
111
51. Referring to the figure above, Monotype Corsiva and Comic Sans are examples of ____ fonts.
a.
Serif
b.
Sans serif
c.
Fantasy
d.
Cursive
1
111
52. Referring to the figure above, Papyrus and Impact are examples of ____ fonts.
a.
Serif
b.
Sans serif
c.
Fantasy
d.
Cursive
1
111
Name:
Class:
Date:
53. Referring to the figure above, which lines of code will create a drop cap?
a.
50-52
b.
53-55
c.
56-58
d.
59-63
d
1
121
54. Referring to the figure above, which style rule uses a class selector?
a.
article
b.
article p
c.
article p:first line
d.
title
d
1
121
55. Referring to the figure above, what do you know about the first line of each paragraph?
a.
It will float left.
b.
It will be bold.
c.
It will have no padding on the top.
d.
It will have a height of 3em.
b
1
121
Case-Based Critical Thinking Question
Gary works at a local ice rink and has been assigned the task of determining what fonts to use on the website.
56. Gary decides to specify two font families. The correct CSS for specifying this would be ____.
Name:
Class:
Date:
a.
Font-family: Tahoma, Arial;
b.
Font-stack: Tahoma, Arial;
c.
Font-family: Tahoma; Arial;
d.
Font-stack: Tahoma; Arial.
1
110
Critical Thinking
57. Gary notices that the current website specifies:
Font–family: tahoma, arial, sans–serif;
In this case, sans–serif is a ____ font family.
a.
specific
b.
generic
c.
named
d.
primary
b
1
110
Critical Thinking
58. Gary is learning how to list font family names in CSS. Which of the following is written correctly?
a.
“Tahoma”
b.
“Arial”
c.
“Sans-serif:
d.
“Time New Roman”
1
112
Critical Thinking
Case-Based Critical Thinking Question
Thelma is a web developer for a bowling league. She wants visitors to the website to be able to print web pages, such as
league schedules.
59. Thelma knows her visitors will have a wide variety of printers. The first thing she does is create a ________, listing
the value as print.
a.
style rule
b.
media query
c.
link to printer rule
d.
print styles query
b
1
126
Critical Thinking
60. Thelma decides she wants to set margins for printed output, so she will use a(n) ______ .
a.
@media query
b.
margin element
c.
@page rule
d.
print selector
61. In the figure above, a(n) ________________ element was used to create the raised appearance at the bottom of the
page.
62. “Arial, helvetica, sans-serif” is a widely used sans-serif font ________________.
63. CSS defines five ________________ font families, which are groupings of font families according to shared
characteristics.
64. You can specify font-size values in different units, but developers commonly set font size throughout the page in ems
and ________________ .
65. The ________________ element is a generic element, like div; however, it allows you to isolate a specific section of
a larger element.
66. ________________ elements are the larger chunks that structure a web page, such as headings and paragraphs.
67. The link element media type value “screen” is intended for use with ____ screens.
68. What is the default line height of many font families and why is it important to know this?
69. Name the four CSS color systems and list the advantages and disadvantages of each.
70. What are the two rgb color systems and how many colors does it allow you to specify? How do you specify a color in
each of the two color systems?
REFERENCES:
122
Critical Thinking
Match each property with an example of how that text might appear if that property is applied.
a.
font–style
b.
font–variant
c.
font
d.
font–weight
e.
font–size
REFERENCES:
119
71. text appears bold
POINTS:
1
72. text appears italic
POINTS:
1
73. text appears as 12px
ANSWER:
74. text appears in small caps
ANSWER:
b
75. text appears bold, italic, 16px, and with more white space above and below it than the default
Disadvantage: Not widely supported by older browsers
REFERENCES:
122
Critical Thinking
Name:
Class:
Date: