CSS CSS Box Model & Spacing 2

Question 1

What is 'margin collapsing' in CSS?

Accepted Answer

When adjacent vertical margins combine into a single margin equal to the largest value

Answer

When margins are always added together between adjacent elements

Answer

When a margin property is overridden by a padding property

Answer

When margins shrink to zero on flex containers

Question 2

Which layout context prevents margin collapsing from occurring between parent and child elements?

Accepted Answer

Flex formatting context

Answer

Block formatting context

Answer

Inline formatting context

Answer

Table formatting context

Question 3

Given `padding: 5px 10px 15px`, what is the computed padding for the left side?

Accepted Answer

10px

Answer

5px

Answer

15px

Answer

0px

Question 4

Which CSS property specifies the space outside an element's border, pushing away surrounding elements?

Accepted Answer

margin

Answer

padding

Answer

outline-offset

Answer

spacing

Question 5

What is the effect of setting a negative margin value in CSS?

Accepted Answer

It pulls the element toward the direction of the negative margin, potentially overlapping other content

Answer

It is ignored by the browser

Answer

It converts the margin to negative padding

Answer

It sets the margin to the element's computed height

Question 6

In the CSS box model, which layer is directly adjacent to the element's content area?

Accepted Answer

Padding

Answer

Border

Answer

Margin

Answer

Outline

Question 7

Which CSS property determines how the width and height of an element are calculated relative to padding and border?

Accepted Answer

box-sizing

Answer

display

Answer

overflow

Answer

sizing