CSS Font

Question 1

Font-family

Answer 1

• specifies the font family for generic name
• always specify a generic name
• ex: sans-serif

Question 2

Serif vs Sans-serif (main fonts)

Answer 2

• serif (little feet on the text)
• sans-serif (without feet)
• ex: font-family: sans-serif;

Question 3

Font-size

Answer 3

• can specify font size

- ex; font-size : 28pt;

Question 4

Font-variant

Answer 4

display font in small caps
-valid values:
normal (default)
small caps (uppercase but reduced size)

-ex: font-variant: small-caps;

Question 5

Font style

Answer 5

-controls the slant font
-valid values:
normal
oblique
italic

Question 6

Font-weight

Answer 6

-controls boldness of characters
-accepts numeric and pre-defined values:
100-900 (default is 400)
normal, lighter, bold (700), bolder

ex: 
.italic {
 font-weight: 800;
font-style: italic:
}

Question 7

link href

style

Answer 7

• used to import fonts

- if your font doesn’t work, you have backup fonts separated by a comma

Question 8

text-align

Answer 8

-specifies the alignment of a text
-values:
center
left
right
justify
justify-all (forces the last line to be justified unlike justify)

Question 9

text-decoration

Answer 9

controls underlining, overlaying and strike-through

valid values:
underline
overline
line-through
none

ex: text-decoration: underline;

Question 10

text-transform

Answer 10

controls capitalization of letters
valid values:
ppercase, lowercase, capitalize which will set the first letter of each word to uppercase, or none

Question 11

line-height

Answer 11

-the line-height property which controls the space in between lines of text. You can set the value to a numerical or length value as well as percentage

p {
line-height: 3em;
}

Question 12

text-indent

Answer 12

controls spacing before first line of text of an element

values;
numerical
length
percentage

p {
text-indent: 1em;
}

Question 13

Vertical-align

Answer 13

controls the vertical alignment of text in relation to its parent element

valid values:
baseline
top 
bottom
etc

Question 14

direction

Answer 14

specifies reading direction

valid values;
ltr (left to right)
rtl (right to left)

ex: *{
direction: rtl;
}

Question 15

letter-spacing

Answer 15

controls spacing between letters

ex: p {
letter-spacing: 1em;
}

Question 16

word-spacing

Answer 16

space between words

valid values:
normal
length
percentage

ex: word-spacing: 2em;

Question 17

text-shadow

Answer 17

specifies shadow effects on text

syntax:
color, x-offset, y-offset, blur-radius

or

x-offset, y-offset, blur-radius, color

ex: text-shadow: 1px, 1px, 10px, blue;

Question 18

anchor tags <a> have default styling that can be overridden </a>

Answer 18

…