Section 1

Preview this deck

What happens when two rules are equal?

Front

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 1, 2020

Cards (28)

Section 1

(28 cards)

What happens when two rules are equal?

Front

The latest rule is applied.

Back

Name uses for flexbox?

Front

Split Navigation, Centering an item, Forms, Group of tags.

Back

What does visibility:hidden; do?

Front

Hides element but still affects the layout.

Back

Does CSS only have block comments?

Front

True

Back

What is an attribute selector?

Front

Selects elements with a specified attribute.

Back

What does !important do?

Front

It overrides any other declarations.

Back

Describe cascading order?

Front

It's the order in which styles are applied. From Inline styles, external and internal style sheets, then browser default.

Back

Describe how to use margin/padding?

Front

With 4 parameters their listed as top, right, bottom, left. With 2, top and bottom then left and right. With 1, all four sides.

Back

What are combinators and list all of them?

Front

Combinators is the relationship between selectors. They are the descendant, child, adjacent sibling, and general sibling.

Back

What does BEM stand for?

Front

Block, Element, Modifier

Back

What is a Pseudo element?

Front

Parts of an element.

Back

What is a Pseudo class?

Front

Special state of an element.

Back

What does CSS do?

Front

Styles Layout

Back

What do Media Quries do?

Front

They check for pages dimensions.

Back

What is specificity?

Front

It determines which styles are applied to an element.

Back

What does display:none; do?

Front

Hides element without deleting it.

Back

What are the levels of specificity?

Front

Inline Styles (1000), Ids (100), classes, attributes, and pseudo-classes (10), elements and pseudo-elements (1).

Back

What is margin collapsing?

Front

Top and bottom margins of block elements merge to make a margin the size of the largest margin specified by either two elements.

Back

What is Adaptive Design?

Front

Design based on specific breakpoints.

Back

Is translate() more efficient than changing absolute position?

Front

Yes

Back

Does margin and padding affect inline elements?

Front

No

Back

What does a CSS rule set consist of?

Front

A selector and a declaration block.

Back

How does inline-block work?

Front

Inline elements but with width and height.

Back

Describe the CSS box model?

Front

Contains actual content, borders, padding, then margin.

Back

Name and describe all position properties?

Front

Static (Default flow of page), Relative (Offset relative to element), Fixed (relative to viewport), Absolute (relative to nearest ancestor), Sticky (relative until a given offset position from the scrollbar is met in the viewport)

Back

What does display:contents do?

Front

Removes the element container and moves all the children of that container 1 level up the DOM tree.

Back

Are contextual selectors more specific than a single element selector?

Front

True

Back

What is Responsive Design?

Front

Design that changes based on browsers width size.

Back