HTML & CSS Quiz #3 (CSS2&3)

What is the total height and element occupies with the following properties: margin:20px, border: 1px solid black, padding:10px, height:125px?

187px

What is the total height an element occupies with the following properties: box-sizing: border-box, margin:10px, border: 1px solid black, padding:5px, height:65px?

85 px

Which of the following is an inline-level element?

<a>

Which of the following is a block-level element?

<div>

Which of the following elements is an in-line block element?

<img>

Which of the following is an block-level element?

<p>

How will a browser display two overlapping elements that have the same z-index?

The second element in the HTML document will stack on top of the first element

Which of the following values will position an element in relation to the nearest non-static element?

absolute

What property should the margin be set to horizontally center the content?

auto

Which property would go with this css value? border padding margin height : 2px solid red;

border

Which of the following CSS properties can be used to set an element's behavior to inline, inline-block, or block?

display

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

div

Complete the statement: An inline-block element . . .

doesn't start a new line and can be sized using the height and width properties

Complete the statement: An inline element . . .

doesn't start a new line and cannot be sized using the height and width properties

Which of the following positioning values will remove an element from the flow of the HTML document?

fixed

Which of the following positioning values will remove an element from the flow of the document and keep it in the same position within the browser window, even if the user scrolls?

fixed

This CSS declaration will move elements as far left as possible:

float: left;

Which of the following CSS properties control the size of the content?

height & width

What is the name of the space between the border and the next element?

margin

Which of the following will set the right margin to 14 pixels, bottom to 11 pixels, left to 12 pixels and top to 13 pixels?

margin: 13px 14px 11px 12px

Which of the following will set the top and bottom margins to 15 pixels and left and right margins to 30 pixels?

margin: 15px 30px

To set a minimum height of an element, what property would be used?

min-height

Which of the following properties controls how to display content that is too large for its container?

overflow

What is the name of the space between the content container and the border?

padding

Which of the following will set the vertical padding to 20 pixels and horizontal padding to 40 pixels?

padding: 20px 40px

Which of the following will set the right padding to 10 pixels, bottom padding to 15 pixels, left to 20 pixels, and top padding to 25 pixels?

padding: 25px 10px 15px 20px

Which of the following values will position an element a set amount from its original position?

relative

Complete the statemnt: A block-level element. . .

start a new line and can be sized using the height and width properties

The z-index will be ignored if an element is set to which of the folllowing position values?

static

Which of the following is the default position value for an element?

static

Floated elements must have a ______ specified, otherwise the element will assume the full width of it's containing element.

width

Which of the following CSS properties controls the order of display in case elements overlap?

z-index