2015-09-23 第五课 css3
一、鼠标在元素上面选动作的体现此案方式:
:hover 可用于所有元素,不只是链接。选择鼠标指针浮动在上面的元素样式。
:link 设置指向未被访问页面的链接的样式,
:visited 用于设置指向已被访问的页面的链接样式,
:active 用于活动链接的样式。
二、使用中的特殊情况
1、margin中左右auto是起作用,但上下是不起作用的。
2、line-height为容器高度时对单行文本来说是得到上下居中的效果,但对多行文本来说只能起调节行间距的作用。
3、容器尺寸除了具体的px数之外还可以使用%百分比来设置其尺寸。
三、兼容性问题
1、margin重合问题
左右margin是正常累加:margin-left + margin-right
上下margin是重合的,以打的margin体现。
2、Love Hete原则
i:Link v:Visited h:Hover a:Active
书写时必须尊崇i>v>h>a的顺序才能所有功能都正常,否则部分功能不起作用。
3、对行内元素上下margin不起作用,解决方法是把行内元素改过块级元素:display设置为block就OK。
4、其他基本都是IE6.0的不兼容性,有与IE6.0已过时不用考虑。
四、半透明的设置方法
opacity:0.5; 设置元素的不透明级别。从 0.0 (完全透明)到 1.0(完全不透明)。
filter:Alpha(opacity=50); IE8 以及更早的版本支持替代的 filter 属性。