十、Vertical-align和img特性鼠标样式

1、IMG的特性

支持宽高
支持margin
横排显示
能设置text-align
能设置vertical-align
标签中间空格被解析
不支持margin：auto

2、Vertical-align

定义 行内元素 的 基线 相对于该元素所在行的基线的垂直对齐。

只针对inline inline-block 图片标签，块级元素不适用

Vertical-align的值

top 元素的顶端与行中最高元素的顶端对齐
Middle 此元素放置在父元素的中部
Bottom 元素的顶端与行中最低的元素的底端对齐

             以上的值与line-height有关

text-top 元素的顶端与父元素字体的顶端对齐
text-bottom 元素的底端与父元素字体的底端对齐
baseline 默认 父元素放在元素的基线上

            以上的值与font-size有关

• vertical-align可以解决img下方间隙问题；

3、鼠标样式cursor

规定要鼠标进入元素内容区域要显示的光标的类型

default 默认
default 默认光标（通常是一个箭头）
auto 默认。浏览器设置的光标。 
pointer 光标呈现为指示链接的指针（一只手） 
move 此光标指示某对象可被移动。 
text 光标指示文本。
wait 光标指示正忙（通常是一只表或沙漏）。
help 光标指示帮助（通常是一个问号或一个气球）

引入外部样式：

• cursor:url(hand.cur),pointer;

pointer必须有；

第一个值：Url() 定义指针文件路径，此文件必须是cur后缀

第二个值：当第一个值出错的时的备用类型

4透明度opacity（0全透明~1不透明）

解决ie8兼容性问题

filter:alpha(opacity=0~100);
0   完全透明
100 完全不透明