CSS Flashcards
What are the names of the individual pieces of a CSS rule?
selector, property, value
In CSS, how do you select elements by their class attribute?
dot class (.)
In CSS, how do you select elements by their type?
simply element name
In CSS, how do you select an element by its id attribute?
pound sign (#)
Name three different types of values you can use to specify colors in CSS.
color name, rgb, hexadecimal
What CSS properties make up the box model?
margin, padding, border, content
Which CSS property pushes boxes away from each other?
margin
Which CSS property add space between a box’s content and its border?
padding
What is a pseudo-class?
pseudo-class is used to define a special state of an element.
Name at least two units of type size in CSS.
px, em, rem
What CSS property controls the font used for the text inside an element?
font-family
What is the default flex-direction of a flex container?
row
What is the default flex-wrap of a flex container?
nowrap
What is the default value for the position property of HTML elements?
static
How does setting position: relative on an element affect document flow?
none unless specified otherwise with offsets top, bottom, left, right
How does setting position: relative on an element affect where it appears on the page?
offsets relative to its initial position
How does setting position: absolute on an element affect document flow?
dies and has an outerbody experience - Cody/Brett
How does setting position: absolute on an element affect where it appears on the page?
moves according to its non-static ancestors position.
trick is to set the most close parent’s position to relative.
What are the four box offset properties?
top, bottom, right, left
The transition property is shorthand for which four CSS properties?
transition property duration delay
Give two examples of media features that you can query in an @media rule.
min/max width
Which HTML meta tag is used in mobile-responsive web pages?
meta name viewport
