CSS and Box Model Quiz

HTML elements are described as being...

• rectangular boxes

• circles

• cubes

• sections

Which of the following is not a part of the box model?

• radius

• padding

• margin

• content

Assuming the yellow area is the content, what is the area between the content and the border?

• padding

• margin

• height

• width

What is the outermost area of the CSS Box Model?

• margin

• padding

• border

• width/height

Which of the following would create the border in this image?

• border: solid 3px red;

• border: solid 3px red; border-right: dashed 3px red;

• border: solid 3px red; border-right: dashed 3px;

• border: solid 3px red; border-left-style: dashed;

Which of the following will add 20px of padding ONLY to the bottom of an element?

• bottom-padding: 20px;

• padding: 20px 0;

• padding: 0 20px 0 0;

• padding-bottom: 20px;

Which CSS code centers text?

• align: center;

• text-align: center;

• align=center;

• center=align;

Which of the following is not a part of the box model?

• color

• padding

• margin

• border

Assuming the yellow area is the content, what is the color of the margin area.

• Pink

• Green

• Red

• blue

Assuming the yellow area is the content, what is the color of the padding area.

• Pink

• Green

• Red

• blue