zoukankan      html  css  js  c++  java
  • 第5章 对链接应用样式

     链接伪类选择器::link,:visited ; link用来寻找没有被访问过的链接,:visited用来寻找被访问的链接。

      动态伪类选择器::hover,:active ,:foucus .:hover寻找鼠标悬停处元素,:active被激活元素(对链接激活发生在链接被单击时);:foucs通过键盘移动到链接上。

      ie7及以下版本不支持在链接之外的其他元素上你使用伪类选择器。

      因为层叠的原因,选择器的次序如果反过来,鼠标悬停和激活可能就不起作用。当两个规则具有相同特殊性时,后定义的规则优先为确保不会发生被覆盖的情况:最好使用以下顺序:a:link ,a :visited ,a:hover ,a foucs ,a :active ;(lvhfa)

    二 CSS3:[attr^=val]属性选择器

      a[href^="http:"]{需要突出显示的样式} /*寻找文本http:开头的所有链接。*/

      a[href^=".pdf"]寻找以.pdf结尾的属性

      a[href^=".rss"],a[href^=".rdf"] 用自己的rss图标突出显示rss提要。

    三 创建类似按钮的链接

      1 多图像方法的缺点是:在浏览器第一次加载鼠标悬停的图像时有短暂的延迟。

      2 通过改变图像的对齐方式可以解决闪烁,但是IE仍让会向服务器请求新的图像。有两种方法避免闪烁:1将翻转状态应用于链接的父元素 2使用IE专有的CSS文件,这会启用背景缓存。

      

    html{
          filter:expression(document.execCommand("BackgroundImageCache",flase ,true));  
    }

    3 spirit 

    4 border-radius:

      border-shadow:

    五 纯CSS工具提示

      思路:隐藏,Hover时显示;绝对定位;

      

  • 相关阅读:
    canvas 方法参数智能提示
    layui 关闭弹窗,刷新父窗体页面
    UI设计灵感集结地
    Java Poi 读取excel 对所有类型进行处理
    jeecg v3.6.6 excel导入js方法完善
    父、子页面之间页面元素的获取,方法的调用
    ps载入渐变
    ps载入画笔
    做设计常用的素材下载网站
    色彩搭配神器
  • 原文地址:https://www.cnblogs.com/houxiaohang/p/4973224.html
Copyright © 2011-2022 走看看