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>