外部css文件引入失效

外部css文件引入失效

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

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

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100305.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号