外部css文件引入失效

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_28056641/article/details/80791826