在学习前端的时候, 我们应该知道 CSS 给 html 标记添加各种样式, 用来告诉浏览器, 因该如何显示这些标记里面的内容. 既然 CSS 是用来给 HTML 添加各种样式的, 那么, HTML 如何关联 CSS 文件?
引用外部 CSS 文件的方法:
使用 @import 引用外部 CSS 文件
使用 link 引用外部 CSS 文件 (推荐此方法)
1, 使用 @import 引用外部 CSS 文件方法介绍
@import 语法结构
@import + 空格 + url(CSS 文件路径地址);
在 HTML 中使用
- <style type="text/css">
- @import url(CSS 文件路径地址);
- </style>
在 CSS 中直接使用
@import url(CSS 文件路径地址);
2, 使用 link 引用外部 CSS 文件方法介绍
link 语法结构
<link href="CSSurl 路径" rel="stylesheet" type="text/css" />
此标签是引入 CSS 文件 link 标签, 只要设置好路径即可.
来源: http://www.css88.com/qa/css3/13377.html