Sololearn CSS course Properties answers

Here are all the questions and answers that I hope will help you learn CSS course.

23.1 Lesson

Introducing the Box Model

Question:

The CSS Box Model
In what order do the properties work in the box?

Answer:

top->right->bottom->left

24.1 Lesson

Understanding the Box Model

Question:

More on Box Models
According to the box model, every element on a web page is a:

Answer:

box

Question:

Total Width of an Element
The background color of the content also covers:

Answer:

padding

Question:

Total Height of an Element
Enter the total width of an element in pixels, if its width=150px, left and right paddings=5px each, border width=2px and left and right margins=5px each.

Answer:

174px

25.1 Lesson

Borders

Question:

The border Property
The three properties describing the border are:

Answer:

size
color
style

Question:

Border Width
Fill in the blank to set the border style:

Answer:

border-style: solid;

Question:

The border-style Property
Drag and drop from the options below to set the border style of the element to solid and make it 5px:

Answer:

<style>
  p {
    border-style: solid;
    border-width: 5px;
    border-color: #ff6600;
  }
</style>

26.1 Lesson

Width and Height

Question:

CSS Width and Height
Fill in the blanks to set the height of the div to 50px, the width to 100px:

Answer:

<style>
  div {
    border: none;
    width: 100px;
    height: 50 px;
  }
</style>

Question:

Width and Height Measurement
Width and height are usually expressed in:

Answer:

pixels and percents

Question:

The Minimum and Maximum Sizes
Set the minimum allowable width of the div to 200px:

Answer:

<style>
  div {
    min-width: 200px;
  }
</style>

27.1 Lesson

background-color

Question:

The background-color Property
What property is used to describe the background color?

Answer:

background-color

Question:

The Background Color Values
Fill in the blanks to make the background color of the element with id="mystyle" black using hexadecimal color definition.

Answer:

<style>
  #mystyle {
    background-color: #000000;
  }
</style>

28.1 Lesson

background-image

Question:

The background-image Property
What is the correct format for the image path of the background-image property:

Answer:

url("pix/weave1.png")

Question:

The background-image Property
Fill in the blanks:

Answer:

<style>
  body {
    background-image: url ('1.png');
  }
</style>

29.1 Lesson

3## background-repeat

Question:

The background-repeat Property
Fill in the blanks to make the background image repeat along the vertical axis:

Answer:

<style>
  body {
    background-image: url ("css_logo.png");
    background-repeat: repeat -y;
  }
</style>

Question:

Setting the Value to Inherit
The values that the background-repeat property accepts are: repeat, no-repeat, repeat-x, repeat-y and:

Answer:

inherit

30.1 Lesson

background-attachment

Question:

The background-attachment Property
When setting a background image, which property is obligatory?

Answer:

background-image

Question:

The background-attachment Values
The background-attachment property accepts the following values: inherit, fixed and:

Answer:

scroll

31.1 Lesson

Styling the Lists

Question:

The list-style-type Property
list-style-type applies to:

Answer:

the bullets or numberings of the list

Question:

The List Image and Position
Which keyword is used to specify the image location address for the list-style-image property?

Answer:

url

Question:

The list-style Property
Fill in the blanks:

Answer:

<style>
  ul {
    list-style-type: square;
    list-style-position: outside;
    list-style-image: none;
  }
</style>

32.1 Lesson

Styling the Tables

Question:

The Table Properties
The properties regarding table borders are:

Answer:

border-spacing
border-collapse

Question:

The caption-side Property
Fill in the blanks to position the caption of the table at the bottom:

Answer:

<style>
  caption {
    caption-side: bottom;
  }
</style>

Question:

The empty-cells Property
Fill in the blanks to hide the empty cells of the table.

Answer:

<style>
  table {
    empty-cells: hide;
  }
</style>

Question:

The table-layout Property
What is the default value of the table-layout property?

Answer:

auto

33.1 Lesson

Styling the Links

Question:

Setting Styles to Links
Of what type are the :link, :visited, :active and :hover selectors?

Answer:

pseudo

Question:

Links' Text Decoration
What value is used to remove borders of images with links?

Answer:

border: none;

34.1 Lesson

Customizing the Mouse Cursor

Question:

Setting the Mouse Cursor Style
Which property allows to change the style of the mouse cursor?

Answer:

cursor

Question:

The cursor Property Values
What value of the cursor property displays a plus icon?

Answer:

crosshair

Question:

The default Value
Drag and drop from the options below to make the cursor appear as a pointer on paragraphs:

Answer:

<style>
  p {
    cursor: pointer;
  }
</style>

35.1 Lesson

Module 3 Quiz

Question:

Add the padding values, so that it has 10 pixels to the top, 15 pixels to the bottom, 5 pixels to the right, 10 pixels to the left:

Answer:

padding: 10 px 5 px 15 px 10px;

Question:

How do you make a list not display bullet points?

Answer:

list-style-type: none

Question:

Fill in the blanks:

Answer:

<style>
  body {
    background-image: url("sample.png");
    background-repeat: repeat-x;
  }
  a:hover {
    text-decoration: underline;
    color: #000000;
    cursor: crosshair;
  }
</style>

Question:

Make the cursor appear as a crosshair on all links of the web page:

Answer:

<style>
  a {
    cursor: crosshair;
  }
</style>

Raz1ner