CSS

Question 1

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

Answer 1

selector, declaration (declaration block), property, and value

Question 2

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

Answer 2

period then name of file

ex: .class

Question 3

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

Answer 3

Type selector. You just type the element name that matches html tag element.
Ex: h1 –which would match to h1–

Question 4

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

Answer 4

#. ID selector. 
Ex: #indroduction --this targets the id attribute has a value of
introduction--

Question 5

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

Answer 5

RGB values (ex: rgb(100,100,90)), Hex codes (ex: #ee3e80), Color Names

Question 6

What CSS properties make up the box model?

Answer 6

Margin, Border, Padding, Content

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.
Ex: selector:hover {
color:blue;
}

Question 10

What are CSS pseudo-classes useful for?

Answer 10

Activates a function when a condition in the selector is met.

Question 11

Name at least two units of type size in CSS.

Answer 11

px, ems, and %.

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 (going from left to right)

Question 14

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

Answer 14

nowrap. It is used to specify that the item has no wrap. It makes item wrap in single lines.

Question 15

What are the four components of “the Cascade”.

Answer 15

Four steps in the cascade algorithm, in order:
Relevance.
Origin and importance.
Specificity.
Order of appearance.

Question 16

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

Answer 16

The order that your CSS rules are written in your stylesheet

Question 17

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

Answer 17

Inheritance is the process by which certain CSS properties on a child HTML element can receive value from a parent element, if no CSS for that property is directly declared on the child element.

Question 18

List the three selector types in order of increasing specificity.

Answer 18

• or type (generally hits everything), class, ID, !important (although try to avoid doing this).

Question 19

Why is using !important considered bad practice?

Answer 19

It disrupts the natural flow in applying the css rules where in properties are applied from top to bottom; makes debugging more difficult.

Question 20

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

Answer 20

Because they are block elements

Question 21

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

Answer 21

horizontal