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