Deck 5: Formatting Text With Css

Question 1

The shorthand property for font properties is font-style . _________________________

Answer 1

False

Question 2

Using a triplet of rgb values or using hexadecimal values allow you to specify the same 16.7 million colors.

Answer 2

True

Question 3

Setting the display value to inline keeps all elements on the same line, rather than displaying them on separate lines, which is the default. _______________________

Answer 3

True

Question 4

Two common ways to use CSS to modify web page text are making it bold and italic.

Question 5

When you create a document in a word processing program, you can format text with any font installed on your computer.

Question 6

To specify fonts in your CSS code, you use the font property.

Question 7

With the rgb system, you provide a set of comma-separated values known as an rgb quartet . _________________________

Question 8

You can use the white-space property to create blank space around an element that shares that element's background color.

Question 9

Font listings are collections of single typefaces and their variants. _________________________

Question 10

Hexadecimal offers 12 possibilities for each digit. _________________________

Question 11

A text-shadow with a value of -2px 1px places the shadow to the left and below the text. _________________________

Question 12

The span element allows you to isolate a specific section of a larger element. ._________________________

Question 13

An inline element starts on a new line, while a block-level element continues on the same line as the previous element.

Question 14

The Google Fonts page provides a filter for viewing only fonts with certain characteristics. _________________________

Question 15

Serifs are small finishing strokes at the ends of lines making up each character.

Question 16

The @print rule enables you to set properties that apply to a printer page._________________________

Question 17

A custom font is another name for a font family.

Question 18

Developers commonly use pixels to set a default size for an HTML element.

Question 19

The rgb system allows for over 16 million color possibilities. _________________________

Question 20

A pseudo-element is an alternative to a span element.

Question 21

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.

Question 22

Background-color and color are properties commonly associated with which pseudo-element?

A) : first-line
B) :selection
C) :before
D) :after

Question 23

The :first-letter pseudo-element can be used to create a _______.

A) new paragraph
B) drop cap
C) text shadow
D) text frame

Question 24

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

Question 25

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.

Question 26

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

Question 27

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

Question 28

Font ____ are collections of single typefaces and their variants.

A) properties
B) families
C) sets
D) stacks

Question 29

You can make text bold using the ____ property.

A) font-weight
B) font-style
C) Either A or B.
D) Neither A nor B.

Question 30

A font ____ is a list of font families in order of preference, separated by commas.

A) property
B) family
C) set
D) stack

Question 31

With the rgb system, each value ranges from 0-____ or 0-100%, which represent the amounts of red, green, and blue in the color.

A) 143
B) 146
C) 242
D) 255

Question 32

Which generic font family do you use if you want to simulate code?

A) serif
B) monopsace
C) cursive
D) fantasy

Question 33

You specify the font family for the text of an element using the CSS font-family ____.

A) property
B) set
C) stack
D) id

Question 34

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

Question 35

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

Question 36

"Arial, helvetica, sans-serif" is a widely used sans-serif font ____.

A) property
B) family
C) set
D) stack

Question 37

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

Question 38

Which media type do you use in a media query for mobile devices?

A) screen
B) handheld
C) all
D) humobilee

Question 39

Using the hexadecimal system, the first two digits specify the ____ value.

A) red
B) green
C) blue
D) yellow

Question 40

You can add italics using the ____ property.

A) font-weight
B) font-style
C) Either A or B.
D) Neither A nor B.

Question 41

Referring to the figure above, Papyrus and Impact are examples of ____ fonts.

A) Serif
B) Sans serif
C) Fantasy
D) Cursive

Question 42

Referring to the figure above, Arial and Tahoma are examples of ____ fonts.

A) Serif
B) Sans serif
C) Fantasy
D) Cursive

Question 43

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

Question 44

The rule of thumb is to use ____ for headings on a web page.

A) serif
B) sans-serif
C) web safe
D) custom

Question 45

Referring to the figure above, Times New Roman and Georgia are examples of ____ fonts.

A) Serif
B) Sans serif
C) Fantasy
D) Cursive

Question 46

Common @ font-face descriptors
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

Question 47

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.
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

Question 48

Common @ font-face descriptors
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

Question 49

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

Question 50

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

Question 51

Common @ font-face descriptors
Referring to the figure above, which value would you use to create the heaviest bold font?

A) bold
B) 100
C) 500
D) 900

Question 52

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.
Gary decides to specify two font families. The correct CSS for specifying this would be ____.

A) Font-family: Tahoma, Arial;
B) Font-stack: Tahoma, Arial;
C) Font-family: Tahoma; Arial;
D) Font-stack: Tahoma; Arial.

Question 53

Referring to the figure above, Monotype Corsiva and Comic Sans are examples of ____ fonts.

A) Serif
B) Sans serif
C) Fantasy
D) Cursive

Question 54

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.
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"

Question 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.

Question 56

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

Question 57

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.
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

Question 58

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.
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

Question 59

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

Question 60

Referring to the figure above, which style rule uses a class selector?

A) article 
B) article p
C) article p:first line
D) title

Question 61

CSS defines five ________________ font families, which are groupings of font families according to shared characteristics.

Question 63

The link element media type value "screen" is intended for use with ____ screens.

Question 64

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?

Question 65

Name the four CSS color systems and list the advantages and disadvantages of each.

Question 66

In the figure above, a(n) ________________ element was used to create the raised appearance at the bottom of the page.

Question 67

________________ elements are the larger chunks that structure a web page, such as headings and paragraphs.

Question 68

"Arial, helvetica, sans-serif" is a widely used sans-serif font ________________.

Question 69

The ________________ element is a generic element, like div ; however, it allows you to isolate a specific section of a larger element.

Question 70

What is the default line height of many font families and why is it important to know this?

Question 71

You can specify font-size values in different units, but developers commonly set font size throughout the page in ems and ________________ .