IES: CSS-deck 11

Question 1

CSS vertical-align

Answer 1

• Can explicitly specify how text should be vertically aligned
• Keywords: “baseline”, “sub”, “super”, “top”, “middle”, “bottom”, “text-top”, or “text-bottom”
• Can also shift content up or down by specifying positive or negative unit values or percentage values

Question 2

“Baseline”

Answer 2

• vertical alignment keyword
• Specifies Central vertical alignment
• Specifies the default Behavior

Question 3

“sub”

Answer 3

• vertical alignment keyword
• Increases the boundaries of the outer container in which the line box exists
• Shifts the text down to display subscript
• (create the shift then apply a font rule to reduce the shifted text’s size)

Question 4

“super”

Answer 4

• vertical alignment keyword
• increases the boundaries of the outer container in which the line box exists
• Shifts the text up to display superscript
• (create the shift then apply a font rule to reduce the shifted text’s size)

Question 5

“top”

Answer 5

• vertical-align keyword
• Specifies vertical alignment with top-most content

Question 6

“middle”

Answer 6

• vertical-align keyword
• Specifies vertical alignment with middle content

Question 7

“bottom”

Answer 7

• vertical-align keyword
• Specifies vertical alignment with bottom-most content

Question 8

“text-top”

Answer 8

• vertical-align keyword
• Specifies the vertical alignment of other inline content boxes to the top of a line box.

Question 9

“text-bottom”

Answer 9

• vertical-align keyword
• Specifies the vertical alignment another inline content box to the bottom edge of a line box

Question 10

text-indent

Answer 10

• accomplishes indenting the first line of each paragraph to improve readability
• May specify an indentation size using units such as “in” and “em”
• May be specified as a percentage where the browser will indent an amount relative to the total line length
• (with text-indent, specifying negative values is possible but produces inconsistent results so should be avoided)

Question 11

CSS word-spacing

Answer 11

• default spacing: “normal”
• Explicitly specifies a value to adjust the amount of space between each word
• The specified value is added to the default spacing
• (Ex. specifying 10px increases the space between words to “normal”(default setting) + 10px)
• May be overridden by the text-align property (has precedence in determining the appearance of the entire line.)
• Can accept negative values

Question 12

CSS letter-spacing

Answer 12

• default spacing: “normal”
• Explicitly specifies a value to adjust the amount of space between each letter
• The specified value is added to the default spacing
• (Ex. specifying 10px increases the space between letters to “normal”(default setting) + 1px)
• May be overridden by the text-align property (has precedence in determining the appearance of the entire line.)
• can accept negative values

Question 13

text-decoration

Answer 13

• keywords: “underline”, “overline”, “line-through”, or “none”
• multiple keywords can be specified as a space-separated list to apply multiple decorations to the text

Question 14

“underline”

Answer 14

• text-decoration keyword
• adds a line below the text

Question 15

“overline”

Answer 15

• text-decoration keyword
• Adds a line above the text

Question 16

“line-through”

Answer 16

• text-decoration keyword
• Add a line through the text

Question 17

“none”

Answer 17

• text-decoration keyword
• Can be specified to prevent unwanted decorations appearing
• (particularly popular for displaying hyperlinks without their usual default underline (be careful: some users may not recognize hyperlinks in this form))

Question 18

text-transform

Answer 18

• An additional way to enhance text by specifying capitalization with keywords: “uppercase”, “lowercase”, or “capitalize”
• Transforms what and how something is written in the HTML coding to what and how something is dictated in the CSS coding.

Question 19

“uppercase”

Answer 19

• text-transform keyword
• Transforms the text to all caps regardless of how it is written in the HTML coding

Question 20

“lowercase”

Answer 20

• text-transform keyword
• Transforms the text to all letters regardless of how it is written in the HTML coding