CSS第 三讲概要

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 属性。