css 基础入门 超链接+伪类

本文介绍了网页开发中常见的元素引用方法,包括使用href、url和src的不同应用场景;讲解了如何利用a标签创建超链接及链接打开方式;并探讨了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>

               #   空链接

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值