CSS 用户界面样式

鼠标样式 cursor

 li {
     cursor: pointer; 
 }

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

 

轮廓线 outline

给表单添加 outline: 0; 或者 outline: none; 样式之后，就可以去掉默认的蓝色边框。

 input {
     outline: none; 
 }

防止拖拽文本域 resize

实际开发中，我们文本域右下角是不可以拖拽的。

 textarea{ 
     resize: none;
 }

vertical-align 属性应用

CSS 的 vertical-align 属性使用场景： 经常用于设置图片或者表单(行内块元素）和文字垂直对齐。

官方解释： 用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。

语法：

vertical-align : baseline | top | middle | bottom

 

 

单行文本溢出显示省略号

单行文本溢出显示省略号--必须满足三个条件：

  /*1. 先强制一行内显示文本*/
   white-space: nowrap;  （ 默认 normal 自动换行）

  /*2. 超出的部分隐藏*/
   overflow: hidden;

  /*3. 文字用省略号替代超出的部分*/
   text-overflow: ellipsis;