外部css文件引入失效

好久没有写过前端代码了,有次引入bootstrap css文件在浏览器却没有获取到css文件,检查下文件路径没错,也不存在权限问题,后来仔细看了下自己引入css文件的link,发现少了东西。以下是原来写的代码:

<link href="bootstrap/css/bootstrap.min.css">

这个没指定属性规定当前文档与被链接文档之间的关系,加上rel="stylesheet"就好了。

属性描述
charsetchar_encodingHTML5 中不支持。
hrefURL规定被链接文档的位置。
hreflanglanguage_code规定被链接文档中文本的语言。
mediamedia_query规定被链接文档将被显示在什么设备上。
rel
  • alternate
  • author
  • help
  • icon
  • licence
  • next
  • pingback
  • prefetch
  • prev
  • search
  • sidebar
  • stylesheet
  • tag
规定当前文档与被链接文档之间的关系。
revreversed relationshipHTML5 中不支持。
sizes
  • heightxwidth
  • any
规定被链接资源的尺寸。仅适用于 rel="icon"。
target
  • _blank
  • _self
  • _top
  • _parent
  • frame_name
HTML5 中不支持。
typeMIME_type规定被链接文档的 MIME 类型。

只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分地支持。

下面是rel具体参数代表的意义:

描述
alternate文档的替代版本(比如打印页、翻译或镜像)。
stylesheet文档的外部样式表。
start集合中的第一个文档。
next集合中的下一个文档。
prev集合中的上一个文档。
contents文档的目录。
index文档的索引。
glossary在文档中使用的词汇的术语表(解释)。
copyright包含版权信息的文档。
chapter文档的章。
section文档的节。
subsection文档的小节。
appendix文档的附录。
help帮助文档。
bookmark相关文档。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值