zoukankan      html  css  js  c++  java
  • 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 属性。

  • 相关阅读:
    WebDev.WebServer使用帮助
    [原创]通过编写PowerDesigner脚本功能批量修改属性
    Web中响应用户修改的事件
    郁闷的切换foxmail
    Java中Split函数的用法技巧
    [转].NET安装项目卸载的方法
    把你的名字刻到IE上
    JavaScript面向对象编程笔记
    附件下载直接显示另存为对话框并保存原有中文文件名的解决办法
    MyEclipse开发JSP页面假死问题解决办法
  • 原文地址:https://www.cnblogs.com/huang3/p/4839827.html
Copyright © 2011-2022 走看看