TipsMake

Test of CSS knowledge - Part 8

Set of multiple choice questions about CSS programming language, invite readers to test their knowledge with 10 questions including many answers, please choose the best answer.

★ Test of CSS knowledge - Part 9
★ Test of CSS knowledge - Part 7
  • Question 1: When the following elements are displayed on the browser, how much is their margin worth?
    Test of CSS knowledge - Part 8 Picture 1
    • 50px, because 20 + 30 = 50
    • 30px - get bigger margins
    • 20px - margin-top value is preferred.
    In CSS, sometimes there will be a special case where the value of the margin attribute overlaps, the value used will be the maximum value between the two margin attributes. This case is called Collapse Margin
  • Question 2: What attribute will transform element from state A to state B?
    Test of CSS knowledge - Part 8 Picture 2
    • transform: perspective (200px);
    • transform: skew (45deg, 45deg);
    • transform: scale (0.5);
  • Question 3: Which Selector targets the element
  • final?
  • Test of CSS knowledge - Part 8 Picture 3
    • ul li: last-child
    • ul: last-child li
    • ul: last-child (li)
  • Question 4: What is the final background color of this div?
    Test of CSS knowledge - Part 8 Picture 4
    • Red - because the id has a higher priority than the rest
    • Blue - because the .blue class format follows the #red id format .
    • Purple - mix of red and blue
    See more: CSS Specificity
  • Question 5: What is the font size of h1 element in pixels?
    Test of CSS knowledge - Part 8 Picture 5
    • 1.5px
    • 25px
    • 30px
    1em is equivalent to the size of the current font-size, similarly we have 1.5em = 1.5 times the font = 1.5 * 20px = 30px
  • Question 6: What is wrong in the pseudo-element: after in the CSS section below?
    Test of CSS knowledge - Part 8 Picture 6
    • Missing content attribute adds content to the back of the selected element.
    • Pseudo-element does not work on the heading
    • The left value has no value for the unit as a percentage.
  • Question 7: Where is not an attribute in CSS?
    • object-fit
    • pointer-events
    • font-smoothing
    • text-opacity
  • Question 8: To select the last element in the list below, how do we use the selector nth-child ()?
    Test of CSS knowledge - Part 8 Picture 7
    • ul li: nth-child (last)
    • ul li: nth-child (2)
    • ul li: nth-child (3)
  • Question 9: Which containers are centered (both vertical and horizontal) inside elements?
    Test of CSS knowledge - Part 8 Picture 8
    • A
    • B
    • C
  • Question 10: Which of the following answers contains invalid CSS?
    • margin: 10px 8px 5px;
    • margin: -20px;
    • margin: auto;
    • All answers are valid.

Discover more

Quizzes programming language tests css languages you know anything about css CSS learning web programming css tests web programming tests css knowledge tests css css exercises
Jessica Tanner

Share by

Jessica Tanner
Update 24 May 2019

You should read it