CSS

Question 1

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

Answer 1

CSS declarations consist of a property and its value, and these are all within the ruleset or declaration block. the selector tells you what is being modified

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

by their name

Question 4

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

Answer 4

id

Question 5

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

Answer 5

rgb, hex, and color names

Question 6

What CSS properties make up the box model?

Answer 6

border

Question 7

Which CSS property pushes boxes away from each other?

Answer 7

margin

Question 8

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

Answer 8

padding

Question 9

What is a pseudo-class?

Answer 9

A pseudo-class is something that can change the way certain elements are during special states

Question 10

What are CSS pseudo-classes useful for?

Answer 10

They can be very helpful in the way users interact with certain parts of a web page

Question 11

Name at least two units of type size in CSS

Answer 11

px, percentage, and em

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

Question 15

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

Answer 15

they are block elements so they create a new line

Question 16

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

Answer 16

row

Question 17

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

Answer 17

static

Question 18

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

Answer 18

it does not

Question 19

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

Answer 19

the element is removed so next elements will take its place

Question 20

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

Answer 20

it changes the starting position of it

Question 21

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

Answer 21

set the value of the position property to anything other than static

Question 22

What are the four box offset properties?

Answer 22

top right left bottom

Question 23

What are the four components of the cascade?

Answer 23

Source order, inheritance, specificity, importance

Question 24

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

Answer 24

What was the latest ruleset declaration in CSS

Question 25

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

Answer 25

There are inherited CSS rules that can be applied to parents that will be applied to their children

Question 26

List three selector types in order of increasing specificity

Answer 26

type selectors, < class selectors, < id selectors

Question 27

What does the transform property do?

Answer 27

move elements on coordinate plane

Question 28

Give four examples of CSS transform functions.

Answer 28

rotate, translate, scale, skew

Question 29

The transition property is the shorthand for which CSS properties?

Answer 29

transition-delay
transition-duration
transition-property
transition-timing-function

Question 30

Give two examples of media features that you can query in an @media rule

Answer 30

min-width and max-width

Question 31

Which HTML meta tag is used in mobile-responsive web pages?

Answer 31

viewport

Question 32

What is a breakpoint in responsive Web design?

Answer 32

breaktpoints are the points at which we change styling

Question 33

What is the advantage of using a percentage (e.g. 50%) width instead of a fixed (e.g. px) width for a “column” class in a responsive layout?

Answer 33

your elements can adapt

Question 34

If you introduce CSS rules for a smaller min-width after the styles for a larger min-width in your style sheet, the CSS rules for the smaller min-width will “win”. Why is that?

Answer 34

cascade