鼠标形状：
    cursor: default; 默认光标
    cursor: pointer; 超链接指针 ☆
    cursor: wait; 等待圆圈效果
    cursor: help; 提示可用的帮助
    cursor: crosshair; 十字形状
    cursor: text;提示文本
    表单轮廓线：
    给表单添加outline:0;或者 outline:none;样式之后，就可以去掉默认的蓝色边框。
    防止拖拽文本域：resize
    给表单添加一个resize:none;

    vertical-align 属性
    经常用于设置图片或者表单（行内块元素）和文字垂直对齐。
    用于设置一个元素的垂直对齐方式，但是他只针对于行内元素或者行内块元素有效
    语法：

    1. vertica-align:baseline|top|middle|bottom
    值 描述
    baseline 默认。元素放置在父元素的基线上
    top 把元素的顶端与行中最高元素的顶端对齐
    middle 把此元素放置在父元素的中部
    bottom 把元素的顶端与行中最低的元素的顶端对齐

    image.png
    可以让图片、表单和文字对齐
    图片底部默认空白缝隙的问题
    1.给图片添加vertica-align:top|middle|bottom等。
    2.把图片转换为块级元素 display:block;
    溢出文字省略号显示
    1.单行文本溢出省略号（三个条件）
    image.png
    2.多行文本溢出显示省略号（有较大的兼容性问题）

    1. overflow:hidden;
    2. text-overflow:ellipsis;
    3. /* 转换为弹性盒子 */
    4. display:-webkit-box;
    5. /* 设置或检索伸缩盒对象的子元素的排列方式 */
    6. -webkit-box-orient:vertical;

    推荐让后台人员做这个效果，因为后台人员可以设置显示多少个字，操作简单。
    margin负值运用
    image.png
    1.让每个盒子margin往左侧移动-1px 正好压住相邻盒子边框（有定位不能用）
    2.鼠标经过某个盒子的时候，提高当前盒子的层级即可（如果没有定位，则加相对定位（保留位置）如果有定位，则加z-index）