CSS

Question 1

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

Answer 1

a selector, a declaration block and properties

Question 2

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

Answer 2

type a dot followed by the name of the class

Question 3

In CSS, how do you select elements by their type?

Answer 3

by their element names

Question 4

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

Answer 4

type a hashtag followed by the id of the element

Question 5

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

Answer 5

rgb values
hex codes
color names

Question 6

What CSS properties make up the box model?

Answer 6

padding box
border box
margin box

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

a 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

applying styling based on user actions

Question 11

Name at least two units of type size in CSS.

Answer 11

pixels

percentages

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

because they’re block elements

Question 16

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

Answer 16

row

Question 17

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

Answer 17

static

Question 18

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

Answer 18

moves the item it was applied to, but doesn’t affect the rest of the document

Question 19

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

Answer 19

makes the element position relative to where it would be normally in the document

Question 20

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

Answer 20

is is removed from the document entirely

Question 21

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

Answer 21

it sits on its own layer separate from everything else

Question 22

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

Answer 22

relative

Question 23

What are the four box offset properties?

Answer 23

top, right, left, bottom