CSS 1

Question 1

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

Answer 1

selector and declaration block with property name: value

Question 2

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

Answer 2

.
dot followed by class name

Question 3

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

Answer 3

name of the element

Question 4

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

Answer 4

#
hashtag followed by id name

Question 5

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

Answer 5

color keywords “black”, RGB color values “rgb(0, 0, 0)”, Hexadecimal color values “#000000”

Question 6

What CSS properties make up the box model?

Answer 6

content, padding, border, margin

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 selector, choosing only elements in a special state, such as “:hover” or “:first-child”

Question 10

What are CSS pseudo-classes useful for?

Answer 10

They allow you to apply a style to an element in relation to external factors, such as if the mouse is over an element or target the first child element

Question 11

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

Answer 11

font-family

Question 12

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

Answer 12

row (from left to right)

Question 13

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

Answer 13

nowrap

Question 14

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

Answer 14

< div > elements are block-level

Question 15

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

Answer 15

row (from left to right)

Question 16

What does box-sizing: border-box do?

Answer 16

allows for padding andborderto be included in an element’s total width and height

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

document flow does not adjust

Question 19

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

Answer 19

where it appears with only “position: relative” does not change

Question 20

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

Answer 20

an element gets removed completely from doc flow

Question 21

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

Answer 21

element appears in first non-static parents

Question 22

What is the purpose of using “position: absolute”?

Answer 22

Layering elements

Question 23

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

Answer 23

use “position: non-static” or “relative” on containing block

Question 24

What are the four box offset properties?

Answer 24

top, right, left, bottom

Question 25

What does “position: fixed” do?

Answer 25

element is glued to the viewport, can’t be moved by scrolling