display: block | inline | flex
block 块里的元素一个元素占一行 ,也就是 每一个元素结尾有换行符
inline 块里的元素多个元素占一行
flex 是块里的元素占一行 使用的是 flex 布局
参考链接:https://techbrood.com/h5b2a?p=css-display
position : relative | absolute | fixed
relative 是相对于直接本来的位置偏移 偏移配合(top bottom left right )
absolute 是相对于最近父级元素定位,父级元素没有position,则以body为标准
fixed 是固定块,以屏幕窗口为准
参考链接: https://www.hangge.com/blog/cache/detail_1776.html
https://techbrood.com/h5b2a?p=css-position
justify-content: flex-start | center | flex-end | space-between | space-around
块元素与空格布局问题
参考链接:https://wow.techbrood.com/fiddle/17128
align-content 与align- items 是纵轴方向元素排列。而just-content是横轴方向的排列。