Sololearn CSS course Working with Text answers
Here are all the questions and answers that I hope will help you learn CSS course.
Other course answers
Sololearn CSS course The Basics answers
Sololearn CSS course Properties answers
Sololearn CSS course Positioning and Layout answers
Sololearn CSS course CSS3 Basics answers
Sololearn CSS course Gradients & Backgrounds answers
Sololearn CSS course Transitions & Transforms answers
Sololearn CSS course CSS Filters answers
7.1 Lesson
font-family
Question:
The font-family Property
Drag and drop from the options below to make the font of the paragraph "Arial":
Answer:
<style>
p {
font-family: Arial;
}
</style>
Question:
The font-family Property
Why is the name of one of the fonts put in quotes?
Answer:
it consists of two or more words
8.1 Lesson
font-size
Question:
The font-size Property
Rearrange the code to create a style rule:
Answer:
<style>
p {
font-size: large;
}
</style>
Question:
The font-size Property
Set the font-size of the paragraph to 15px:
Answer:
<style>
p {
font-size: 15px;
}
</style>
9.1 Lesson
font-style
Question:
The font-style Property
Make the text italic:
Answer:
<style>
#styled {
font-style: italic;
}
</style>
Question:
The font-style Property
What value is NOT used with the font-style property?
Answer:
slant
10.1 Lesson
font-weight
Question:
The font-weight Property
Which CSS property is used for bolding the text?
Answer:
font-weight
Question:
The font-weight Property
What numeric values are used for the font-weight property?
Answer:
100-900
11.1 Lesson
font-variant
Question:
The font-variant Property
Make the text of the paragraph small capitals:
Answer:
<style>
p {
font-variant: small-caps;
}
</style>
12.1 Lesson
color
Question:
The color Property
Drag and drop from the options below to make the text of the "colored" class green:
Answer:
<style>
p.colored {
color: green;
}
</style>
Question:
The color Property
Which of the following options are accepted by the color property?
Answer:
color names
hexadecimal
13.1 Lesson
Aligning Text Horizontally
Question:
The text-align Property
Which of the values below is NOT applicable for the text-align property?
Answer:
even
14.1 Lesson
Aligning Text Vertically
Question:
The vertical-align Property
Fill in the blanks to set the vertical alignment of all elements having class="test" to bottom:
Answer:
<style>
.test {
vertical-align: bottom;
}
</style>
Question:
The vertical-align Property
Negative values can be used with the vertical-align property.
Answer:
True
Question:
The vertical-align Property
Does the vertical-align property act the same way for all elements?
Answer:
No
15.1 Lesson
text-decoration
Question:
The text-decoration Property
What value of the text-decoration property substitutes the HTML S tag?
Answer:
line-through
Question:
The text-decoration Property
Fill in the blanks to make the text underlined:
Answer:
<style>
#mystyle {
text-decoration: underline;
}
</style>
16.1 Lesson
Indenting the Text
Question:
The text-indent Property
The position of which block is specified by the text-indent property?
Answer:
The first line of the text block
17.1 Lesson
text-shadow
Question:
The text-shadow Property
What is the format of the value for the text-shadow property?
Answer:
horizontal position vertical position blur color
Question:
text-shadow with Blur Effect
Create a text shadow with horizontal and vertical distance of 5px and blur radius of 2px:
Answer:
<style>
p {
text-shadow: 5px 5px 2px;
}
</style>
18.1 Lesson
text-transform
Question:
The text-transform Property
Drag and drop from the options below to make each word capitalized in the paragraph:
Answer:
<style>
p.capfirst {
text-transform: capitalize;
}
</style>
Question:
text-transform Values
Which option is NOT supported by the text-transform property?
Answer:
small-caps
19.1 Lesson
letter-spacing
Question:
The letter-spacing Property
Drag and drop from the options below to set the letter spacing of the paragraph:
Answer:
<style>
p {
letter-spacing: 4px;
}
</style>
Question:
Using Negative Values
Fill in the blank to make the letter spacing -1cm:
Answer:
letter-spacing: -1cm;
20.1 Lesson
word-spacing
Question:
The word-spacing Property
Fill in the blanks to make the word-spacing 15px:
Answer:
<style>
p {
word-spacing: 15 px;
}
</style>
Question:
Measurement Units
Which measurement units cannot be used with the word-spacing property?
Answer:
feet, yards
21.1 Lesson
white-spacing
Question:
The white-space Property
Which of the following indicate the purpose of the "nowrap" option?
Answer:
It puts the whole text in one line
It collapses all sequences of whitespace into a single whitespace
Question:
The white-space Values
What is the difference between the "pre" and "pre-line" options?
Answer:
"pre" accepts all line-breaks and whitespace, while "pre-line" ignores the whitespace
22.1 Lesson
Module 2 Quiz
Question:
What is the correct CSS syntax for making all p elements bold?
Answer:
<style>
p {
font-weight: bold;
}
</style>
Question:
Fill in the blanks to make the paragraph red and bold:
Answer:
<style>
p {
color: red;
font-weight: bold;
text-decoration: none;
font-size: 16px;
}
</style>
Question:
Fill in the blanks to make the text of all h1 elements bold, red and 14px:
Answer:
<style>
h1 {
font-size: 14 px;
font-weight: bold;
color: red;
}
</style>