前端学习笔记(十)

第十章：img特性和verticalalign鼠标指针

一.vertical-align

    定义 行内元素 的 基线 相对于该元素所在行的基线的垂直对齐的方式。
    top 元素的顶端与一行中最高元素的顶端对齐
    Middle 此元素放置在父元素的中部
    Bottom 元素的顶端与一行中最低的元素的底端对齐
    px 支持负值！
    百分比 根据lineheight决定的
    text-top
    元素的顶端与父元素字体的顶端对齐
    text-bottom
    元素的底端与父元素字体的底端对齐
    baseline 默认 父元素放在元素的基线上

二.鼠标样式

    规定鼠标进入元素区域要显示的光标的类型
    default 箭头（通常是一个箭头）
    auto 默认。浏览器设置的光标。
    pointer 光标呈现为指示链接的指针（一只手）
    move 此光标指示某对象可被移动。
    text 光标指示文本。
    wait 光标指示正忙（通常是一只表或沙漏）。
    div{
        cursor:url(‘路径’)，pointer;
    }

三.opacity透明度

    opacity 属性设置元素的不透明级别
    opacity:0~1; 0（完全透明） 1（完全不透明）
    ie兼容:
    IE 滤镜： filter:alpha(opacity=0~100);
    0 （完全透明）
    100（完全不透明）