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时显示;绝对定位;

      

  • 相关阅读:
    (转)Android 判断用户2G/3G/4G移动数据网络
    Android Studio导入第三方类库的方法
    jxbrowser java代码直接调用js代码
    jxbrowser 实现java 和 js互相调用
    jxbrowser 实现自定义右键菜单
    jxbrowser 监听所有网络请求 jxbrowser 系列教程2
    JxBrowser开启调试模式,JxBrowser debug
    MySQL查看数据库表容量大小
    thinkphp5使用PHPMailler发送邮件
    phpstorm psr2样式.xml
  • 原文地址:https://www.cnblogs.com/houxiaohang/p/4973224.html
Copyright © 2011-2022 走看看