css 基础入门 超链接+伪类

1,引入图片方式:

           href  Hypertext Reference  超文本引用
           url    Uniform Resource Locator  统一资源定位符
           src   Source  来源

    href  link标签引用css文件
    url   background引用背景图片
    src   img标签引用图片文件

2,超链接

  a标签  

           属性

           href    放入要链接的网址    注意http不能省

           target    这个属性规定链接的打开方式

                      _blank   在新的窗口打开

                      _self      在当前窗口打开

<a href="http://www.123.com/" target="_blank">转转转</a>

3,伪类

     a:link      代表未访问的链接

     a:visited      访问过后的链接(判断是否访问过的依据是浏览器的浏览记录)

     a:hover       代表鼠标悬停的链接

     a:active        代表激活的链接

        a:link{
            color: #000;
        }
        a:visited{
            color: blue;
        }
        a:hover{
            color: green;
        }
        a:active{
            color: #f00;
        }

4,锚点

      点击a标签的时候默认会刷新当前页面,所以可以在底部设置下面代码。


<a href="#">返回顶部</a>

               #   空链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值