CSS 用户界面样式

鼠标样式 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;
  • 把图片改成块元素
上一篇:《电路分析导论(原书第12版)》一3.7 电导


下一篇:《深度探索C++对象模型》1