Display - 块和内联元素

li {display:inline;}
span {display:block;}

块元素是一个元素，占用了全部宽度，在前后都是换行符。 内联元素只需要必要的宽度，不强制换行。

Position(定位)

position 属性指定了元素的定位类型。 position 属性的五个值：static、relative、fixed、absolute、sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。

Justify-content

在弹性盒对象的

div
{
    display: flex;
    justify-content: space-around;
}

Align-items

居中对齐弹性盒的各项

div
{
    display: flex;
    align-items:center;
}

Flex-direction

设置

div
{
display:flex;
flex-direction:row-reverse;
}