css的弹性盒:
使用:display:flex;
弹性项目在主轴方向上的对齐方式:
justify-content:flex-start(默认值)在主轴的起点对齐;center:主轴的中心对齐;
flex-end在主轴的终点对齐;space-between:两端分散对齐;
space-around:弹性项目在主轴平均分散对齐;
弹性项目在叫交叉轴方向上的对齐方式:
align-items:flex-start在叫交叉轴的起点对齐;center:叫交叉轴的中心对齐;
flex-end:交叉轴的终点对齐; stretch:(默认值)拉伸对齐;
设置弹性容器的主轴方向:flex-direction取值:
row(默认值)主轴方向为水平方向左侧为起点;
row-reverse主轴方向为水平方向右侧为起点;
column:主轴方向为垂直方向,上端为起点;
column-reverse:主轴方向为垂直方向,底部为起点;
css的定位:(“父相子绝” 父元素采用相对定位,子元素采用绝对定位。)
绝对定位:position:absoulte;
相对定位:position:relative;
固定对定位:position:fixed。
手形鼠标:cursor:pointer;