CSS Box Model Quiz - Dr. Yu - 1/23/19

Calculate the width of this element

• 400px

• 454px

• 400x100

• 100

What do borders on an element do?

• adds a line around the element

• colors the content blue

• pushes the content away from the margin

• these are transparent

Calculate the height of this element

• 150px

• 100px

• 400px x 150px

• 125px

Padding...

• pushes the content away from the border of the element

• pushes the element away from other elements

• Makes the element invisible

• Make the element visible.

Margins...

• pushes the content away from the border of the element

• pushes the element away from other elements

• Makes the element invisible

• Make the element visible.

All below answers will define some kind of border or border effect, EXCEPT

• border:1px solid black;

• border-bottom: 1px groove black;

• border-top-left-radius: 5px;

• font-family: arial;

True/False

To set the minimum width of a box I use

max-width

• True

• False

What is the actual size of the box as defined by this CSS statement

p {

width:200px; height:100px;

padding: 5px; margins: 10px,

5px solid black;}

• 240 x 140

• 200 x 100

• 500 x 1000

• 220 x 120

How much space do BLOCK elements take up?

• Entire width of screen

• As little width as possible

• Entire width AND height of screen

Select all the INLINE elements.

• <a>

• <strong>

• <li>

• <div>