Font size
WorksheetsCSS Font Property Quizziz
Total questions: 25
Worksheet time: 6hrs 1mins
Fill in the blanks to show text as Times New Roman with a background of cursive
<li style=" (a) : (b) (c) (d) (e) "
Which CSS property is used to increase or decrease the text size of an element ?
font-style
text-size
font-size
text-style
Match the fonts styles
Serif
Monospace
Sans Serif
Cursive
Fantasy
What is the difference between italic and oblique fonts? Do most fonts have just one of them or both?
There is no difference. Most fonts have just one or the other.
Oblique fonts are just slanted but italic fonts are slanted and stretched/fancy. Most fonts have both.
Italic fonts are just slanted but oblique fonts are slanted and stretched/fancy. Most fonts have both.
Oblique fonts are just slanted but italic fonts are slanted and stretched/fancy. Most fonts have one or the other.
Which CSS property is used to change the color of text?
color
text-color
font-color
background-color
What is the default font weight of normal text?
500
400
600
700
Which of the following is not a valid CSS font style?
Normal
Bold
Oblique
Italic
Which CSS property is used with the value fantasy?
font-family
font-style
font-weight
font-size
What is the CSS property to make text italic?
text-decoration
font-variant
font-style
font-weight
Which of the following can you use to tell the computer the size of the font?
Select ALL that apply.
vw
rem
%
px
sem
Which of the following font sizes are relative?
Select ALL that apply.
em
rem
%
px
vh
Fill in the blanks to create the image:
<p style="_______:small-caps;">
font-variant
font-style
font-weight
font
Fill in the blanks to create the image:
<p style="font-variant:____________;">
all-caps
small
small-caps
caps
If you wanted to use a Google Font, what do you need in the head section to make sure the font works?
Link Element
Title Element
Meta Name Element
Meta Charset Element
When you are adding a font that’s name has space(s) in it, which of the following could you use?
"Times New Roman"
[Times New Roman]
{Times New Roman}
(Times New Roman)
Fill in the blank:
font-_______ is CSS's version of bold.
weight
style
variant
size
Match the font size property with its definition.
1/96 of an inch
px
font size of the parent element
em
font size of the root element
rem
1% of how tall the user screen is
vh
1% horizontal length of the user screen
vw
Which of the following declarations would style the words as shown in the picture?
font:Papyrus
font-style:Papyrus
font-weight:Papyrus
font-family:Papyrus
Which of the following font size values are considered responsive?
Select ALL that apply.
px
em
%
vh
vw
What is the biggest weakness of using em to size your fonts?
There isn't one.
It can have nesting issues.
There may be a zoom issue.
It is very consistent across all devices.
What is the biggest weakness of using vh to size your fonts?
There isn't one.
It can have nesting issues.
There may be a zoom issue.
It is very consistent across all devices.
What is the advantage of using rem over em?
There isn't one.
It scaled to all screen sizes.
There may be a zoom issue.
It is very consistent across all devices.
What ways have we learned to make text appear thicker?
Select ALL that apply.
<b> tag
<i> tag
<em> tag
<strong> tag
font-weight property
What ways have we learned to make text slanted and stretched?
Select ALL that apply.
<b> tag
<i> tag
<em> tag
<strong> tag
font-style property
Which of the following are font families (not individual fonts)?
Select ALL that apply.
Arial
Cursive
Times New Roman
Monospace
Serif
