CSS

Question 1

What are the names of the individual pieces of a CSS rule?

Answer 1

selector,
declaration,
BLOCK
property,
value
universal

css rule set
css selector
curly braze

Question 2

In CSS, how do you select elements by their class attribute?

Answer 2

.class p class=””

Question 3

In CSS, how do you select elements by their tag name?

Answer 3

p

Question 4

In CSS, how do you select an element by its id attribute?

Answer 4

apple, div id=””

Question 5

Name three different types of values you can use to specify colors in CSS.

Answer 5

HEX codes
RGB
Color Names

Question 6

What CSS properties make up the box model?

Answer 6

margin, padding border, content area

Question 7

Which CSS property pushes boxes away from each other?

Answer 7

Margin

Question 8

Which CSS property add space between a box’s content and its border?

Answer 8

padding

Question 9

box sizing border box

Answer 9

without border box, when you add padding etc to something, it may change the size of something
otherwise it gives you a tiny bit of padding within the content

Question 10

What is a Pseudo Class?

Answer 10

A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s)

-phantom class in a specific state they are rather than regular style selectors

Question 11

What are CSS pseudo-classes useful for?

Answer 11

1 they help the navigator or show things that are being changed on the page

Question 12

direct child selector

Answer 12

table > tr this means all table rows

Question 13

What is the default flex-direction of a flex container?

Answer 13

row

Question 14

What is the default flex-wrap of a flex container?

Answer 14

no-wrap

Question 15

flex only controls the direct children, so you have to always add display flex

Question 16

Why do two div elements “vertically stack” on one another by default?

Question 17

What is the default flex-direction of an element with display: flex?

Question 18

Why do two div elements “vertically stack” on one another by default?

Answer 18

Because DIVs are technically block elements

Question 19

What is the default flex-direction of an element with display: flex?

Answer 19

row

Question 20

What is the default value for the position property of HTML elements?

Answer 20

sticky

Question 21

How does setting position: relative on an element affect document flow? effect elements around it?

Answer 21

you can shift TRBL and it does not affect document flow
does not have any direct affect on document flow

there is no change on document flow - only moves something visually not laterally

Question 22

How does setting position: relative to an element affect where it appears on the page?

Answer 22

CHanges its appearance but now the order of document flow
doesn’t affect inherently where it appears on the page

Question 23

How does setting position: absolute on an element affect document flow?

Answer 23

It is taken out of normal flow, and does not disrupt other elements as they ignore it

Question 24

How does setting position: absolute on an element affect where it appears on the page?

Answer 24

It is not in normal flow, everything else is, sits on top, goes to wherever nearest relative is,

Question 25

How do you constrain an absolutely positioned element to a containing block?

Answer 25

by setting its containing element to position relative

Question 26

What are the four box offset properties?

Answer 26

top, right bottom left

Question 27

what css rule set properties shorthand is transition
/

Answer 27

transition-property , transition-duration , transition-timing-function , and transition-delay .

Question 28

If you introduce CSS rules for a smaller min-width after the styles for a larger min-width in your style sheet, the CSS rules for the smaller min-width will “win”. Why is that?

Answer 28

Min width and max

Source order is given to the lower css rule set inheritance