在学习前端的时候, 我们应该知道 CSS 给 html 标记添加各种样式, 用来告诉浏览器, 因该如何显示这些标记里面的内容. 既然 CSS 是用来给 HTML 添加各种样式的, 那么, HTML 中怎么引入一个外部 CSS 文件?
HTML 怎么引入一个外部 CSS 文件?
1, 使用 @import 引用外部 CSS 文件
将一个独立的. CSS 文件引入 HTML 文件中, 导入式使用 CSS 规则引入外部 CSS 文件,<style > 标记也是写在 < head > 标记中, 使用的语法如下:
<styletype="text/css">
@import"mystyle.css"; 此处要注意. CSS 文件的路径
</style>
2, 使用 link 标签引用外部 CSS 文件
在网页的 < head></head > 标签对中使用 < link > 标记来引入外部样式表文件, 使用 HTML 规则引入外部 CSS.
- <head>
- <1ink href="css 文件的路径" type="text/css" re1="stylesheet" />
- </head>
上述语法中,<link> 标记需要放在 < head > 头部标记中, 并且必须指定 < link/> 标记的个属性, 具体介绍如下.
href: 定义所链接外部样式表文件的 URL, 可以是相对路径, 也可以是绝对路径.
type: 定义所链接文档的类型, 在这里需要指定为 "text/css", 表示链接的外部文件为 CS 样式表.
rel: 定义当前文档与被链接文档之间的关系, 在这里需要指定为 "stylesheet", 表示被链接的文档是一个样式表文件.
外链式是使用频率最高是最实用的 CSS 样式表, 因为它将 HTML 代码与 CSS 代码分离为两个或多个文件, 实现了将结构和样式完全分离, 使得网页的前期制作和后期维护都十分方便.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/html5/16667.html