CSS

Question 1

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

Answer 1

CSS declaration sits inside a curly bracket with two parts: a property and a value which are separated by a colon.

Question 2

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

Answer 2

Use . before the name of the class (.class)

Question 3

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

Answer 3

Use the name of the element (h1, h2, h3)

Question 4

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

Answer 4

Use # before the name of the id (#id)

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

Border, Margin, Padding.

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.

Question 10

What are CSS pseudo-classes useful for?

Answer 10

Lets you apply a style to an element in relation to external factors, the status of the content, or the position of the mouse. Helps reduce the amount of code to write for the same result.

Question 11

Name at least two units of type size in CSS.

Answer 11

Rem, em, 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

No wrap is the default, all flex items will be on one line.