CSS Styling Flashcards
Why are CSS resets helpful for cross browser compatibility?
To reduce browser inconsistencies
Why is it important to be mindful of what you reset with your CSS resets?
They have different default settings
What is an argument against using CSS resets?
outline property
What is the default value for the position property of HTML elements?
Static position
How does setting position relative on an element affect document flow and where the element appears on the page?
in relation to where it would have been to normal flow
How does setting position absolute on an element affect document flow and where the element appears on the page?
box is taken out and it no longer effects other elements
What are the box offset properties?
top
bottom
left and right
What were floats originally designed for?
newspaper and mag
What are clears for with floats?
touch left and right hand side of the box
What are some of the downsides for using floats in layout design?
some browsers will treat it as zero px
What is the default flex-direction of a flex container?
Row
What is the default flex-wrap of a flex container?
all try to fit onto one line no wrap
Why is it important to use a grid system for CSS layouts?
proper sizing
What are the three core parts of a grid system?
Column
Rows
container
