CSS Positioning

Question 1

Any element that comes in as a block will automatically take up what size?

Answer 1

The full width of the page

Question 2

What does inline-block value do?

Answer 2

Allows you to put several block elements on the same line.

Question 2

What is the margin?

Answer 2

The space around the element

Question 2

What happens when an element is set to position:absolute

Answer 2

It’s positioned in relation to the first parent element it has that DOESNT have position:static

Question 3

What does the inline value do?

Answer 3

The inline value places all your elements next to one another, but not as blocks: they don’t keep their dimensions.

Question 3

What is the border?

Answer 3

The edge of the element

Question 3

What happens if there’s no such element with position:absolute

Answer 3

It’s positioned relative to

Question 4

What is the inline display value best suited for?

Answer 4

HTML elements that are blocks by default, such as headers and paragraphs.

Question 4

What is the padding?

Answer 4

The spacing between the border and the innermost layer: the actual conent

Question 4

What does relative positioning do?

Answer 4

It tells the element to move relative to where it would have landed if it just had the default static positioning

Question 5

What does the none display value do?

Answer 5

this prevents the page from displaying the selected element. As you might not expect, this removes the selected element from the page entirely, including any children and any content.

Question 5

What is the content

Answer 5

The stuff in the box

Question 5

What does fixed positioning do?

Answer 5

“glues an element to the screen”

Question 6

Test Question

Answer 6

Test Answer

Question 6

How do you set an element’s margin all at once

Answer 6

Start from the top margin and go around clockwise (going from top to right to bottom to left).

Question 6

What does the clear property do?

Answer 6

Specifies which sides of an element where other floating elements are not allowed

Question 7

What happens when you tell an element to clear left?

Answer 7

it will immediately move below any floating elements on the left side of the page; it can also clear elements on the right. If you tell it to clear: both, it will get out of the way of elements floating on the left and right!

Question 7

What does the float property do?

Answer 7

The float property specifies whether or not a box (an element) should float.

Question 8

What happens when you don’t specify an element’s positioning type

Answer 8

It defaults to static

Question 8

What is the z-index property?

Answer 8

The z-index property specifies the stack order of an element