H5中使用link无效问题

最近在看H5的相关书籍,初学者,说的不对请多指点。

我在使用link元素的时候,并没有得到想要的效果,代码和书上的一样。

<html>
    <head>
        <title>Example</title>
        <base href="http://115.28.128.93/public/"/>
        <meta name="author" content="Adam Freeman"/>
        <meta name="description" content="A simple example"/>
        <meta charset="utf-8"/>
        <link rel="stylesheet" type="text/css" href="styles.css"/>
    </head>
    <body>
        <p>
            I like <code id="applecode">apples</code> and oranges.
        </p>
        <a href="http://apress.com">Visit Apress.com</a>
        <p/>
        <a href="index.html">index.html</a>
    </body>
</html>

这里的最终实现效果,并没有显示styles.css中的效果。

我试了一下,原来是因为link元素和base元素的顺序问题,把link元素放在base元素之前就可以了,若无base元素,则不会出现失效情况。

书上并没有做相关的说明,这是我自己尝试出来的,不知道是不是这样的,我还是一个初学者,仅供参考。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jinrui_w

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值