Logo

Go on. Explore!

lvl 0 • 0 xp

lvl 1

HomeMarketDecksInterests
SIMMHHS: WEB DEV #10 CSS Box Model

SIMMHHS: WEB DEV #10 CSS Box Model

memorize.aimemorize.ai (lvl 286)
Star 0%
Star 0%
Star 0%
Star 0%
Star 0%
(0)
(0)
(0)
18 cards
()
Section 1

Preview this deck

Shorthand: two

Front

1 / 18

Web Dev
Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

0

All-time users

0

Favorites

0

Last updated

6 years ago

Date created

Mar 14, 2020

Cards (18)

Section 1

(18 cards)

Shorthand: two

Front

Values for padding or margin properties are interpreted in this order: top/bottom, left/right. Example: margin: 0 10px;

Back

margin

Front

The outside-space between an element's border and adjacent or parent elements.

Back

white space

Front

Empty space separating elements. Padding property creates white space that shares an element's background color. Margin property creates white space that matches the background color of the parent element.

Back

px

Front

Absolute size: A pixel is equal to approximately 1/96 inch. Example: padding: 10px;

Back

Shorthand: three

Front

Values for padding or margin properties are interpreted in this order: top, left/right, bottom. Example: padding: 0 2px 1px;

Back

%

Front

Relative size: A percentage of another value for the current element or an ancestor element. Example: width: 40%;

Back

Reset rule

Front

Since default values for browsers might be different, this style rule creates a common baseline for common properties of multiple elements. Example: body, h1, p, header, div, footer {padding: 0; border: 0; margin: 0;}

Back

Shorthand properties

Front

Assign values to multiple CSS properties within a single declaration. Example: border: 2px double #00FF00;

Back

first

Front

Within a style rule, declarations for box model properties should be listed ___________ , before other types of properties.

Back

em

Front

Relative size: A multiple of the computed size for the current element, where 1em = 100% of this size. Example: #dogs {padding: 1.4em;}

Back

Shorthand: four

Front

Values for padding or margin properties are interpreted in clockwise order: top, right, bottom, left. Example: margin: 5% 10% 5% 10%;

Back

margin: auto;

Front

Centers the element horizontally within its parent element.

Back

Border shorthand

Front

Values for three properties are listed in this order: border-width border-style border-color. Example: border: 3px dashed DarkSeaGreen;

Back

border

Front

A line surrounding the four-sides of an element. (Style rule determines if it is visible in the browser--or not.)

Back

padding

Front

The inside-space between an element's border and content.

Back

none

Front

When declaring a value, the amount of space between a number and unit-of-measurement is _________. Examples: padding: 2em; margin: 5px;

Back

Box model

Front

CSS treats each web page element as a rectangular box having multiple global properties: content; padding; border; margin

Back

Shorthand: one

Front

The same value for padding or margin properties applies to all four sides. Example: padding: 0.2em;

Back