CSS

Question 1

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

Answer 1

• Selector
• Declaration Block
• Declaration (Property: Value)

Question 2

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

Answer 2

.class

Question 3

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

Answer 3

Using HTML element name.

Question 4

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

Answer 4

id

Question 5

What is a pseudo-class?

Answer 5

A keyword added to a selector that specified a special state of the selected element(s).

Question 6

What are CSS pseudo-classes useful for?

Answer 6

Add styling based on an element’s state.

Question 7

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

Answer 7

Static - Elements are im order. as they appear in the document flow.

Question 8

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

Answer 8

The elements is positioned relative to its normal position.

Question 9

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

Answer 9

The element is taken out of normal flow and no longer affects the position of other elements on the page.

Question 10

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

Answer 10

The element will appear in its first positioned ancestor element that doesn’t have a value of static.

Question 11

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

Answer 11

Using position: other than static on the containing block.

Question 12

What are the four box-offset properties?

Answer 12

• Top
• Right
• Bottom
• Left

Question 13

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

Answer 13

• They are block-level elements.

Question 14

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

Answer 14

Row

Question 15

Name at least two units of type size in CSS.

Answer 15

• Pixels
• Em
• Percentage

Question 16

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

Answer 16

font-family

Question 17

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

Answer 17

row

Question 18

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

Answer 18

nowrap

Question 19

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

Answer 19

• Color Names
• Hex Codes
• RGB Values
• HSL Colors

Question 20

What are the four components of “the cascade”?

Answer 20

• Source Order
• Inheritance
• Specificity
• !important

Question 21

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

Answer 21

The order that your CSS rules are written in your stylesheet. The styling for an element last in your stylesheet will take effect.

Question 22

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

Answer 22

Inheritance.

Question 23

List the three selector types in order of increasing specificity.

Answer 23

• Type Selector
• Class Selector
• ID Selector

Question 24

Why is using !important considered bad practice?

Answer 24

It makes the debugging process more difficult by breaking the natural cascading in your stylesheets.

Question 25

What CSS properties make up the box model?

Answer 25

• Border
• Margin
• Padding

Question 26

Which CSS property pushes boxes away from each other?

Answer 26

Margin.

Question 27

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

Answer 27

Padding.