CSS

Question 1

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

Answer 1

Hex , color name, rgb

Question 2

Why is using !important considered bad practice?

Answer 2

it makes debugging more difficult

Question 3

List the three selector types in order of increasing specificity.

Answer 3

type, class, ID

Question 4

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

Answer 4

Inheritance

Question 5

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

Answer 5

the order that your CSS rules are written in your stylesheet.
Top=weaker
Bottom=Stronger

Question 6

What are the four components of “the Cascade”.

Answer 6

Inheritance, Specificity, !important, Source Order

Question 7

What CSS properties make up the box model?

Answer 7

Height 
Width
Border 
Margin
Padding

Question 8

Which CSS property pushes boxes away from each other?

Answer 8

MARGIN

Question 9

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

Answer 9

Padding is the space between the border of a box and any content contained within it.

Question 10

Name two types of units that can be used to adjust font-size in CSS.

Answer 10

Pixels & Percentages

Question 11

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

Answer 11

The font-family property allows you to specify the typeface that should be used for any text inside the element(s) to which a CSS rule applies.

Question 12

What is a pseudo-class?

Answer 12

A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s).

Question 13

What are CSS pseudo-classes useful for?

Answer 13

All pseudo-classes behave in this same kind of way. They target some bit of your document that is in a certain state, behaving as if you had added a class into your HTML. Take a look at some other examples on MDN:

Question 14

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

Answer 14

Static Position

Question 15

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

Answer 15

normal flow

Question 16

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

Answer 16

Relative positioning moves an element in relation to where it would have been in normal flow.

Question 17

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

Answer 17

When the position property is given a value of absolute,the box is taken out of normal
flow and no longer affects the position of other elements on the page. (They act like it is not there.)

Question 18

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

Answer 18

The box offset properties (top or bottom and left or right) specify where the element
should appear in relation to its containing element.

Question 19

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

Answer 19

Set element in non static element