CSS备忘录

overflow: hidden 不溢出
border-radius:5px; 边框圆弧
display:block
position: absolute;绝对位置
z-index：覆盖

文字在布局(li or div)中垂直水平居中
line-height: 60px;
height: 60px;
text-align: center;

黑色实线边框
    border-radius: 502px;
    border-style: solid;
    border-width: 1px;
    border-color: black;

字体透明度
    opacity: 0.5;

flex布局会导致一些元素不可控

文字缩进50px
text-indent：50px;

flex-wrap：wrap; 换行
align-content：space-between；两端对齐，轴线中间距离相等

box-sizeing:border-box; 设置的padding和border会包含在width内的，不会溢出到外面

边框黑色圆形
    border: 1px solid black;
    border-radius: 50%;

图片圆形
img{
border-radius: 50%;
}

处理文字靠左置顶
    box-sizing: border-box;
    padding-top: 10px;

li添加文字后li向下移动，只需要设置float:left;浮动就可以恢复原来位置。