CSS 用户界面样式

1 鼠标样式 cursor

 li {
    cursor: pointer; 
 }

2 图片或者表单(行内块元素）和文字垂直对齐

vertical-align : baseline | top | middle | bottom 

3解决图片底部默认空白缝隙问题

1.**给图片**添加 **vertical-align:middle | top| bottom** 等。 （提倡使用的）

2.把图片转换为块级元素 **display: block**;

4溢出的文字省略号显示

 /*1. 先强制一行内显示文本*/
   white-space: nowrap;  （ 默认 normal 自动换行）
   
  /*2. 超出的部分隐藏*/
   overflow: hidden;
   
  /*3. 文字用省略号替代超出的部分*/
   text-overflow: ellipsis;