CSS Flashcards
What are the names of the individual pieces of a CSS rule?
Selector, declaration, property/key, value
In CSS, how do you select elements by their class attribute?
Use .classname (period before the class name)
In CSS, how do you select elements by their type?
Use the element name (h1, p, etc)
In CSS, how do you select an element by its id attribute?
Use a hashtag before the id name (#idname)
Name three different types of values you can use to specify colors in CSS.
RGB, hex codes, color names
What CSS properties make up the box model?
(Width, height,) border, margin, padding
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?
A modification of a css selector which changes the appearance of elements when the user interacts with them
What are CSS pseudo-classes useful for?
Can apply a hovering effect, can show when an element is being activated, and can show when an element has focus
Name at least two units of type size in CSS.
Pixels, percentages, ems
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?
Left to right
What is the default flex-wrap of a flex container?
Nowrap (all on one line)
Why do two div elements “vertically stack” on one another by default?
They are block elements
What is the default flex-direction of an element with display: flex?
Left to right
What is the default value for the position property of HTML elements?
Normal flow
How does setting position: relative on an element affect document flow?
It only effects the positioning of the element being positioned, the rest of the flow stays normal
How does setting position: relative on an element affect where it appears on the page?
It moves the element from where it would be in normal flow, shifting it to the top, right, bottom, left
How does setting position: absolute on an element affect document flow?
Only affects the elements being positioned, which is pulled out of the document flow, the rest of the document stays in normal flow
How does setting position: absolute on an element affect where it appears on the page?
It positions it to stay in an area as the user scrolls through the page
How do you constrain an absolutely positioned element to a containing block?
Set the parent element to relative position
What are the four box offset properties?
Top, bottom, right, left
What is a breakpoint in responsive Web design?
A point or threshold in the width of a webpage in which a CSS style is applied
