IES: CSS-deck 10

Question 1

font-size

Answer 1

• property assigning values that specify the size of text

Question 2

absolute size

Answer 2

Specified by assigning 1 of the following unit names to the font-size property:
* inches (in)
* Centimeters (cm)
* Millimeters (mm)
* Points (pt)
* Picas (pc)

Question 3

CSS relative size

Answer 3

• Using relative size as opposed to absolute size provides for maximum flexibility

Question 4

CSS relative size values: keywords

Answer 4

• “medium” is the browsers default font size: the rest are computed relative to this
• “xx-large”
• “x-large”
• “large”
• “small”
• “x-small”
• “xx-small”

Question 5

Table with relative font-size keywords with possible/probable absolute values (pt)

Answer 5

• “medium” is the browsers default font size: the rest are computed relative to this (12 pt)
• “xx-large” (24 pt)
• “x-large” (17 pt)
• “large” (13.5 pt)
• “small” (10.5 pt)
• “x-small” (7.5 pt)
• “xx-small” (7 pt)

Question 6

It is preferable to use \_\_\_\_\_ units or \_\_\_\_\_ values to specify sizes relative to the browser default font value.

Answer 6

It is preferable to use em units or percentage values to specify sizes relative to the \_\_\_\_\_ \_\_\_\_\_ \_\_\_\_\_ value.

Question 7

“vw”

Answer 7

• a further refinement beyond using em units or percentage values.
• “viewport width”
• A value of one “vw” is 1% of the current viewport width
• Allows the text size to resize to suit the viewing device or browser window

Question 8

The \_\_\_\_\_ or \_\_\_\_\_ of text can be adjusted using the font-weight property and \_\_\_\_\_ like “bold” and “normal”

Answer 8

The thickness or “weight”of text can be adjusted using the _____ property and keywords like “\_\_\_\_\_” and “\_\_\_\_\_”

Question 9

These fonts are considered to be more readable for smaller texts.

Answer 9

Sans-serif fonts are considered to be more readable for what?

Question 10

oblique

Answer 10

• keyword value for the CSS property font-style
• Requests the browser use a slanting variant of the current font
• A Roman font that has been skewed a certain number of degrees (8-12 degrees, usually)
• Effect may be overridden by the specification of “normal” to the element’s font-style

Question 11

italic

Answer 11

• keyword value for the CSS property font-style
• Requests the browser use a slanting variant of the current font
• Drawn differently to create a more calligraphic, as well as slanted font version
• Effect may be overridden by the specification of “normal” to the element’s font-style

Question 12

Small-caps

Answer 12

• a CSS font-variant property value
• Allows text characters to be displayed in a small capitals format using uppercase characters of two different sizes.
• Uppercase text will appear as large capital characters, but lowercase text will appear as smaller capitals
• Effect may be overridden by the specification of “normal” to the element’s font-variant

Question 13

CSS shorthand appearance: font

Answer 13

font-style font-variant font-weight font-size font-family
Ex. (p {font: italic small-caps bold medium “Times”, serif;})

Question 14

CSS shorthand rules: font

Answer 14

• font-size and font-family values are mandatory
• Font-Style, front-variant, and font-weight are optional
• The optional properties may appear in any order
• If the optional properties are omitted, a “normal” value will be automatically assumed

Question 15

CSS rules: font

Answer 15

• Unless a font value is explicitly specified:
• “normal” is the font default value
• This value will override the current parent element value

Question 16

font-size

Answer 16

• combined font rule:
• Option to specify a line-height by adding a forward slash and unit value after the font-size value
• (useful to establish a common standard line spacing where various font sizes appear)

Question 17

Always use the font \_\_\_\_\_ property rather than the individual properties.

Answer 17

Always use the font shorthand property rather than the \_\_\_\_\_ properties.

Question 18

Default behavior for text display in a content box.

Answer 18

English language text in a paragraph is normally horizontally aligned to the left edge of the paragraph

Question 19

text-align

Answer 19

• can explicitly specify how text should be horizontally aligned within the content box
• Uses the keywords: “left”, “center”, “right”, or “justify.”
• Controls alignment of text within a content box - it is not used to center content boxes

Question 20

text-align keyword “justify”:

Answer 20

• aligns each full line to both left and right edges of the content box
• also adjusts the spacing between characters and words to make each line the same length.