鼠标样式 cursor
li {
/*小手*/
cursor:pointer;
}
/*属性值 move 移动(十字) text 文本 not-allowed 禁止*/
轮廓线 outline
outline:0;或者outline:none;
防止拖拽文本域 resize
resize:none;文本域最好放在一行来写
vertical-align 属性
图片或这文字垂直居中 bottom底线,middle中线,top顶线、base基线
图片和文字对齐 vertical-align:middle;和行内块搭配
解决图片底部默认空白缝隙问题
bug: 图片地测会有一个空白缝隙,原因是行内块元素会和文字的基线对齐;
主要解决方法有两种:
- 给图片添加vertical-align:middle|top|bottom;
- 把图片改成块元素