Please enable JavaScript.
Coggle requires JavaScript to display documents.
Basics of page layout (concepts (position property (static, fixed,…
Basics of page layout
concepts
display vs position
block vs inline
block and inline tags
:!!: margin and padding
features of block and inline
inline-block
img,button,select,input
centering
horizontal
inline: text-aglin
block: margin:auto & flexbox
vertical
inline:vertical-align
block: flexbox
position property
static
fixed
absolute
relative
z-index
Flexbox
sizing and dimensions
default behavior
inline-block
padding+ content
size properties
block
width of parent
height of their content
inline
paading+ content
no explicit size properties
image
overflow
box-sizing
Flexbox
flex--flow
flex items
flex-shrink
flex-basis
flex-grow
flex container