css

Question 1

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

Answer 1

declaration block, properties, selector.

Question 2

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

Answer 2

.

Question 3

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

Answer 3

their tags

Question 4

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

Answer 4

#

Question 5

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

Answer 5

RGB values, Hex Codes, named colors.

Question 6

What CSS properties make up the box model?

Answer 6

margin padding border

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 it’s border?

Answer 8

padding

Question 9

What is a pseudo class?

Answer 9

A pseudo class is a keyword that specifies a special state of an element.

Question 10

What are pseudo-classes useful for?

Answer 10

They are useful for applying styling to elements when certain conditions are met, for example, hovering over a button.

Question 11

Name at least two units of type size in CSS

Answer 11

px, rem

Question 12

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

Answer 12

font-family

Question 13

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

Answer 13

Because they are block elements.

Question 14

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

Answer 14

row

Question 15

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

Answer 15

static

Question 16

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

Answer 16

It does not affect document flow for other elements.

Question 17

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

Answer 17

It changes it’s position relative to where it would have been in static flow.

Question 18

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

Answer 18

It is treated as if it does not exist in document flow.

Question 19

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

Answer 19

It positions itself relative to the nearest non static element on the page according to its positional CSS properties.

Question 20

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

Answer 20

You set one of it’s parent elements to a position other than static, and absolute.

Question 21

What are the four box offset properties?

Answer 21

top, bottom, left, right

Question 22

What does the term source order mean with respect to CSS?

Answer 22

The order rule sets and properties appear on a page

Question 23

How is it possible for the styles of an element to be applied to its children as well without an additional CSS rule?

Answer 23

inheritence

Question 24

List the three selector types in order of increasing specificity.

Answer 24

universal selector class selector id selector

Question 25

Why is using !important considered bad practice?

Answer 25

it overrides the cascading nature of stylesheets, destroying reusability.

Question 26

The transition property is shorthand for which four CSS properties?

Answer 26

transition-duration transition-timing-function transition-delay