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 完全不透明
网友评论