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

  • 相关阅读:
    JSON.stringify() & JSON.parse() 实现
    节流(Throttling) & 防抖(Debouncing)
    instanceof实现
    new实现
    如何实现深拷贝
    #FFF转换为rgba(255,255,255,1)
    hdcms v5.7.0学习笔记
    Laravel5.x 封装的上传图片类
    JQ 封装全选函数
    双击 ajax修改单元格里的值
  • 原文地址:https://www.cnblogs.com/huang3/p/4839827.html
Copyright © 2011-2022 走看看