CSS

Question 1

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

Answer 1

Selector

Question 2

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

Answer 2

with a .

Question 3

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

Answer 3

tag name and {}

Question 4

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

Answer 4

with a #

Question 5

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

Answer 5

RBG, HEX, and by name

Question 6

What CSS properties make up the box model?

Answer 6

content, padding, border, margin

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

What is a pseudo-class?

Answer 9

keyword added to a selector that specifies a special state of the selected element(s)

Question 10

What are CSS pseudo-classes useful for?

Answer 10

changing styling when a user is interacting with an element

Question 11

Name two types of units that can be used to adjust font-size in CSS.

Answer 11

rem, px

Question 12

What CSS property controls the font used for the text inside an element?

Answer 12

font-family

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

nowrap

Question 15

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

Answer 15

bc they’re block elements

Question 16

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

Answer 16

row

Question 17

What are the three primary components of a page layout? (Which helper classes do you need?)

Answer 17

container, column, row

Question 18

What is the minimum number of columns that you should put in a row?

Answer 18

1

Question 19

What is the purpose of a container?

Answer 19

to set the boundaries of the content

Question 20

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

Answer 20

static

Question 21

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

Answer 21

its unaffected

Question 22

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

Answer 22

It would move relative to its original position

Question 23

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

Answer 23

It’s removed from the document flow entirely

Question 24

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

Answer 24

It is positioned against the nearest non static parent

Question 25

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

Answer 25

assign position relative, absolute, or fixed to the static containing block

Question 26

What are the four box offset properties?

Answer 26

top bottom left right

Question 27

What are arrays used for?

Answer 27

to store a list of information when order matters OR doesn’t

Question 28

Describe array literal notation.

Answer 28

var = array[1,2,3]

Question 29

How are arrays different from “plain” objects?

Answer 29

arrays mostly all have the same datatype, also have a length property automatically

Question 30

What number represents the first index of an array?

Answer 30

0

Question 31

What is the length property of an array?

Answer 31

how many items are inside the array

Question 32

How do you calculate the last index of an array?`

Answer 32

length-1

Question 33

What does the transform property do?

Answer 33

lets you adjust how the element gets rendered

Question 34

Give four examples of CSS transform functions.

Answer 34

rotate, scale, translate, skew

Question 35

The transition property is shorthand for which four CSS properties?

Answer 35

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

Question 36

Give two examples of media features that you can query in an @media rule.

Answer 36

min-width, max-width

Question 37

Which HTML meta tag is used in mobile-responsive web pages?

Answer 37

meta tag