Unit D Flashcards

CSS Laying Out Elements

1
Q

Treats each element as a rectangular box having several global properties.

A

box model

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Represents a line around an element formatted with the width, style, and color that you specify, is the only one that can be seen in a web browser. Serves as a reference point for the other two properties.

A

border

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Space inside a border between the border and the element content

A

Padding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Space outside the border between the border and adjacent or parent elements.

A

margin

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Ems, percent, and rems. Calculated based on the sizes of other elements on a web page.

A

relative units

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Pixels. Represent a specific length or height that doesn’t change.

A

absolute units

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

How to set box properties?

A

Create declarations that assign values to the properties like margin, border and property.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Values to multiple CSS properties. For example, box model uses these properties for all four sides of an element—with a single declaration.

A

shorthand properties

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

resets one or more common properties (for example, border) of multiple elements to a common baseline, ensuring that default values that may be different between browsers do not cause a web page to be displayed inconsistently.

A

reset rule

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

default arrangement of elements

A

normal flow

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Elements that follow an element to wrap around it, rather than being stacked below it. The left and right values of this property align the element horizontally with the left or right edge of the parent element, respectively, and allow elements that follow to fill in the remaining horizontal space.

A

float property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Prevents floated elements from being displayed to the left, right, or on either side of another element.

A

clear property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Element remaining in the same position in the browser window while a user scrolls the remaining page content. To implement this positioning, you use the position property with a value of fixed. You then specify either a horizontal position using the left or right property, or a vertical position using the top or bottom property, or both a horizontal and vertical position.

A

fixed positioning

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

filler text

A

lorem ipsum

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Allows you to make adjustments to the default position of an element while preserving the space allotted to the element in the normal flow.

A

relative positioning

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Introduces additional possibilities for creative layouts. Overlap.

A

stack

17
Q

new level displayed on top of the normal flow.

A

layer

18
Q

Takes an element out of the normal flow and positions it in a location you specify. The top, right, bottom, and left properties specify the new location of this positioned element relative to the closest ancestor element that is also positioned.

A

absolute positioning